Init
This commit is contained in:
commit
be37d68d40
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"names": {
|
||||
"kremer": "ee423c9d98d93c511f8bba0558ed1d0d286fcf73dda71ae99ee3d85ff6e23157"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,504 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>404 Page not found · Jan Kremer</title>
|
||||
<meta name="title" content="404 Page not found · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/404.html" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="404 Page not found" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/404.html" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="404 Page not found"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<h1 class="mb-3 text-4xl font-extrabold">Seite nicht gefunden 😕</h1>
|
||||
<p class="mt-8 mb-12 text-neutral-400 dark:text-neutral-500">
|
||||
Fehler 404
|
||||
</p>
|
||||
<div class="prose dark:prose-invert">
|
||||
<p>Es sieht so aus, als ob es diese Seite nicht gibt.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
# Webseite von Jan Kremer
|
||||
|
||||
CC-BY-SA 4.0 | Jan Kremer | 2021 - 2023
|
||||
|
||||
[Hier im Original](https://jankremer.eu) oder [hier gespiegelt](https://kremer.codeberg.page).
|
||||
|
|
@ -0,0 +1,685 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Über mich · Jan Kremer</title>
|
||||
<meta name="title" content="Über mich · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Mein Name ist Jan Kremer." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/about/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Über mich" />
|
||||
<meta property="og:description" content="Mein Name ist Jan Kremer." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/about/" /><meta property="article:section" content="" />
|
||||
<meta property="article:published_time" content="2022-12-10T00:00:00+00:00" />
|
||||
<meta property="article:modified_time" content="2023-09-02T14:53:14+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Über mich"/>
|
||||
<meta name="twitter:description" content="Mein Name ist Jan Kremer."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "",
|
||||
"name": "Über mich",
|
||||
"headline": "Über mich",
|
||||
|
||||
"abstract": "Mein Name ist Jan Kremer.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/about\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2022",
|
||||
"dateCreated": "2022-12-10T00:00:00\u002b00:00",
|
||||
"datePublished": "2022-12-10T00:00:00\u002b00:00",
|
||||
|
||||
"dateModified": "2023-09-02T14:53:14\u002b02:00",
|
||||
|
||||
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "67"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/about/"
|
||||
>Über mich</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Über mich
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-09-02 14:53:14.419142615 +0200 CEST">Aktualisiert: 2023-09-02</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
|
||||
<div class="toc pe-5 print:hidden lg:sticky lg:top-10">
|
||||
<details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
|
||||
<summary
|
||||
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
|
||||
>
|
||||
Inhaltsverzeichnis
|
||||
</summary>
|
||||
<div class="-ms-5 border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#kontakt">Kontakt</a>
|
||||
<ul>
|
||||
<li><a href="#e-mail">E-Mail</a></li>
|
||||
<li><a href="#pgp">PGP</a></li>
|
||||
<li><a href="#matrix">Matrix</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<p>Mein Name ist Jan Kremer. Ich bin 27 Jahre alt und studiere Pharmazie an der Uni
|
||||
Regensburg. Manchmal schreibe ich über Technik und Programme die ich benutze.</p>
|
||||
<p>Wenn ich nicht gerade lerne, mache ich gerne Sport, vor allem Joggen, Kraftsport
|
||||
und Skifahren.</p>
|
||||
<h2 id="kontakt" class="relative group">Kontakt </h2>
|
||||
<h3 id="e-mail" class="relative group">E-Mail </h3>
|
||||
<p><a
|
||||
href="mailto:mail@jankremer.eu"
|
||||
|
||||
|
||||
>mail@jankremer.eu</a></p>
|
||||
<h3 id="pgp" class="relative group">PGP </h3>
|
||||
<a
|
||||
class="inline-block !rounded-md bg-primary-600 px-4 py-1 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
|
||||
href="/jankremer.asc"
|
||||
|
||||
download="jankremer.asc"
|
||||
role="button"
|
||||
>
|
||||
|
||||
Public key herunterladen
|
||||
|
||||
</a>
|
||||
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">20AF 0A65 9F2B 93AD 9184 15D1 A7DA 689C B3B0 78EC
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">curl -sL https://jankremer.eu/jankremer.asc <span class="p">|</span> gpg --import
|
||||
</span></span></code></pre></div><h3 id="matrix" class="relative group">Matrix </h3>
|
||||
<p><a
|
||||
href="https://matrix.to/#/@jankremer:matrix.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>@jankremer:matrix.org</a></p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
|
|
@ -0,0 +1,710 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Genesis · Jan Kremer</title>
|
||||
<meta name="title" content="Genesis · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Über das Erstellen einer Webseite." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/genesis/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Genesis" />
|
||||
<meta property="og:description" content="Über das Erstellen einer Webseite." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/blog/genesis/" /><meta property="article:section" content="blog" />
|
||||
<meta property="article:published_time" content="2022-12-10T00:00:00+00:00" />
|
||||
<meta property="article:modified_time" content="2023-07-19T17:15:28+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Genesis"/>
|
||||
<meta name="twitter:description" content="Über das Erstellen einer Webseite."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Blog",
|
||||
"name": "Genesis",
|
||||
"headline": "Genesis",
|
||||
"description": "Über das Erstellen einer Webseite.",
|
||||
"abstract": "Über das Erstellen einer Webseite.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/blog\/genesis\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2022",
|
||||
"dateCreated": "2022-12-10T00:00:00\u002b00:00",
|
||||
"datePublished": "2022-12-10T00:00:00\u002b00:00",
|
||||
|
||||
"dateModified": "2023-07-19T17:15:28\u002b02:00",
|
||||
|
||||
"keywords": ["meta"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "207"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/"
|
||||
>Blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/genesis/"
|
||||
>Genesis</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Genesis
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2022-12-10 00:00:00 +0000 UTC">2022-12-10</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-19 17:15:28.409737576 +0200 CEST">Aktualisiert: 2023-07-19</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/meta/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>meta</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Über das Erstellen einer Webseite.
|
||||
</div>
|
||||
|
||||
<p>Als ich vor ca. einem Jahr diese Domain kaufte, wusste ich noch nicht was ich damit anstellen will. Ich wusste nur: <strong>Ich will endlich eine eigene Webseite haben.</strong></p>
|
||||
<p>In meinen ersten Stunden Informatik in der Schule (vor über 10 Jahren) lernten wir die Grundlagen des Webdesigns mit <em>HTML</em> und <em>CSS</em>, und da ich zunächst nicht viel Zeit hatte erstellte ich genau mit diesen Tools eine kleine Startseite. Mehr schlecht als recht aber immerhin hatte ich etwas.</p>
|
||||
<p>Im März diesen Jahres hatte ich dann ein wenig Zeit mich genauer mit dem Thema zu beschäftigen und fand dabei den sogenannten <a
|
||||
href="https://jamstack.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jamstack</a>. Jamstack sind Tools zur schnellen und einfachen Aufstellen von Webseite. Dies können große Projekte sein oder wie in meinem Fall ein kleiner Blog. Zuerst probierte ich <a
|
||||
href="https://jekyllrb.com/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jekyll</a> was mir jedoch nicht so gut taugte und stieß dann auf <a
|
||||
href="https://gohugo.io/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a>. Mit einer Vielzahl an modernen Designs und einer klinderleichten Handhaben konnte ich schnell überzeugt werden.</p>
|
||||
<p>Heute weiß ich zwar immer noch nicht, was ich hiermit in Zukunft machen werde, aber ich denke es ist wichtiger den je ein Sprachrohr zu haben, das unabhängig ist von der Willkür großer Plattformen.</p>
|
||||
<p>Bis bald und viel Spaß!</p>
|
||||
<p>P.S.: Dieses wunderschöne <em>Theme</em>, das ich hier benutze, heißt <a
|
||||
href="https://git.io/hugo-congo"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Congo</a>.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
<a class="group flex text-right" href="/blog/latex/">
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>LaTeX</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-01-12 15:35:23 +0100 CET">2023-01-12</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">→</span
|
||||
><span class="ltr:hidden rtl:inline">←</span></span
|
||||
>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,762 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>git · Jan Kremer</title>
|
||||
<meta name="title" content="git · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Warum jeder git lernen sollte." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/git/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="git" />
|
||||
<meta property="og:description" content="Warum jeder git lernen sollte." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/blog/git/" /><meta property="article:section" content="blog" />
|
||||
<meta property="article:published_time" content="2023-03-22T16:47:15+01:00" />
|
||||
<meta property="article:modified_time" content="2023-04-28T22:58:22+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="git"/>
|
||||
<meta name="twitter:description" content="Warum jeder git lernen sollte."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Blog",
|
||||
"name": "git",
|
||||
"headline": "git",
|
||||
"description": "Warum jeder git lernen sollte.",
|
||||
"abstract": "Warum jeder git lernen sollte.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/blog\/git\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-03-22T16:47:15\u002b01:00",
|
||||
"datePublished": "2023-03-22T16:47:15\u002b01:00",
|
||||
|
||||
"dateModified": "2023-04-28T22:58:22\u002b02:00",
|
||||
|
||||
"keywords": ["git"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "466"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/"
|
||||
>Blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/git/"
|
||||
>git</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
git
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-03-22 16:47:15 +0100 CET">2023-03-22</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-28 22:58:22.18611451 +0200 CEST">Aktualisiert: 2023-04-28</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/git/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>git</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Warum jeder <em>git</em> lernen sollte.
|
||||
</div>
|
||||
|
||||
<p>Ursprünglich sollte es in diesem Post um <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a>, jedoch ist mir bei Brainstorming aufgefallen, dass das Thema eigentlich deutlich umfangreicher sein sollte.</p>
|
||||
<p>Meine Reise begann, als ich beschloss, diesen Blog zu starten.
|
||||
Da ich bis dahin Webseiten nur in reinem HTML und CSS geschrieben hatte, versuchte ich es zunächst damit.
|
||||
Schnell stellten sich dabei aber mehrere Probleme heraus:</p>
|
||||
<ol>
|
||||
<li>Ich bin nicht gut in CSS.</li>
|
||||
<li>Einen RSS-Feed von Hand zu erstellen ist umständlich und nicht sinnvoll.</li>
|
||||
<li>Mehrere Seiten mit einheitlichem Design in HTML zu schreiben ist kompliziert.</li>
|
||||
<li>Ich mag die HTML Syntax nicht.</li>
|
||||
</ol>
|
||||
<p>Ich war überzeugt, dass ich eine bessere Lösung dafür brauche.
|
||||
Nach kurzer und intensiver Recherche fand ich heraus, dass die Lösung meine Problems <em>“static site generator”</em> heißt.
|
||||
Darüber hatte ich bereits <a
|
||||
href="/blog/genesis"
|
||||
|
||||
|
||||
>hier</a> geschrieben.</p>
|
||||
<p>Im Zuge dessen lernte ich auch <em>git</em> kennen.
|
||||
Ich hatte zwar schon früher von <em>git</em> gehört, bis dato aber nur zum herunterladen von Software benutzt.
|
||||
Und damit sind wir schon im Kern meines Problems gelandet:</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Warum kannte ich <em>git</em> nicht?
|
||||
</div>
|
||||
|
||||
<p>Meine ersten Erfahrungen mit dem Programmieren machte ich damals in der Schule, angefangen mit HTML und CSS, später mit Python und Java.
|
||||
Aber ohne <em>git</em>.
|
||||
An der Uni (4 Semester Wirtschaftsinformatik) ging es dann weiter mit Java, aber weiterhin ohne <em>git</em>.</p>
|
||||
<p>Erst beim erstellen dieses Blogs kam ich auf die Idee mich mal ein wenig mit <a
|
||||
href="https://de.wikipedia.org/wiki/Versionsverwaltung"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Versionsverwaltung</a> auseinander zu setzen.
|
||||
Und seitdem bin ich verliebt.</p>
|
||||
<p>Inzwischen denke ich, dass jeder von <em>git</em> profitieren könnte.
|
||||
Das einfache Zurückspringen zu früheren Versionen, falls mal was kaputt geht, oder das Auslagern und Zusammenführen von <em>Branches</em> sind einfach großartig.
|
||||
Zudem ermutigt wird man ermutigt, an logisch sinnvollen Stellen zu <em>commiten</em> und somit den bisherigen Stand zu speichern.</p>
|
||||
<p>Es wäre meiner Meinung nach auch sinnvoll, Texte, wie zum Beispiel Projektarbeiten, nicht in <em>Microsoft Word</em> zu verfassen sondern besser in Textdokumenten und diese dann mit <em>git</em> zu verwalten und zusammenzufügen (merge).
|
||||
Diese könnten dann ganz leicht in <a
|
||||
href="/blog/latex"
|
||||
|
||||
|
||||
>LaTeX-Dokumente</a> umgewandelt werden oder auch in <em>Word</em> formatiert werden.
|
||||
Darüber hinaus würde dies den Autoren die Möglichkeit geben, einen Texteditor der Wahl zu nutzen.
|
||||
Gerade auf älteren Maschinen, wie meinem <em>MacBook Pro</em> von 2015 braucht <em>Word</em> inzwischen einiges an Ressourcen.
|
||||
Dies könnte aber auch damit zusammen hängen, dass <em>Word</em> auf meinem Computer stolze 2.3 GB schwer ist.
|
||||
Zum Vergleich: Das <strong>gesamte</strong> <em>LibreOffice</em> braucht keine 800 MB.</p>
|
||||
<p>Ich verstehe auch, dass nicht jeder auf der Kommandozeile zu Hause ist, jedoch gibt es ja auch Tools wie GitHub oder Programme mit grafischer Oberfläche, es sollte also für jeden was dabei sein.</p>
|
||||
<p>Ich kratze hier gerade mal an der Oberfläche der Möglichkeiten, das meiste ist mir selbst noch nicht bekannt.
|
||||
Ich kann nur jedem, der <em>git</em> noch nicht nutzt es nur wärmstens empfehlen, es mal auszuprobieren.
|
||||
Schaden kann es nicht!</p>
|
||||
<p>P.S.: Ja ich weiß, <em>git</em> ist kein Geheimtipp.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
<a class="group flex" href="/blog/latex/">
|
||||
<span
|
||||
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">←</span
|
||||
><span class="ltr:hidden rtl:inline">→</span></span
|
||||
>
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>LaTeX</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-01-12 15:35:23 +0100 CET">2023-01-12</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
<a class="group flex text-right" href="/blog/hosting/">
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>12 cent blog</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-08-27 00:00:00 +0000 UTC">2023-08-27</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">→</span
|
||||
><span class="ltr:hidden rtl:inline">←</span></span
|
||||
>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,792 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>12 cent blog · Jan Kremer</title>
|
||||
<meta name="title" content="12 cent blog · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Hosting a website at (almost) no cost." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/hosting/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="12 cent blog" />
|
||||
<meta property="og:description" content="Hosting a website at (almost) no cost." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/blog/hosting/" /><meta property="article:section" content="blog" />
|
||||
<meta property="article:published_time" content="2023-08-27T00:00:00+00:00" />
|
||||
<meta property="article:modified_time" content="2023-08-31T19:36:36+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="12 cent blog"/>
|
||||
<meta name="twitter:description" content="Hosting a website at (almost) no cost."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Blog",
|
||||
"name": "12 cent blog",
|
||||
"headline": "12 cent blog",
|
||||
"description": "Hosting a website at (almost) no cost.",
|
||||
"abstract": "Hosting a website at (almost) no cost.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/blog\/hosting\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-08-27T00:00:00\u002b00:00",
|
||||
"datePublished": "2023-08-27T00:00:00\u002b00:00",
|
||||
|
||||
"dateModified": "2023-08-31T19:36:36\u002b02:00",
|
||||
|
||||
"keywords": ["meta","money"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "297"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/"
|
||||
>Blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/hosting/"
|
||||
>12 cent blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
12 cent blog
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-08-27 00:00:00 +0000 UTC">2023-08-27</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-31 19:36:36.813617957 +0200 CEST">Aktualisiert: 2023-08-31</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/meta/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>meta</a
|
||||
>
|
||||
|
||||
<a
|
||||
href="/tags/money/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>money</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Hosting a website at (almost) no cost.
|
||||
</div>
|
||||
|
||||
<p>Yes, the title is correct.
|
||||
<a
|
||||
href="https://knowyourmeme.com/photos/1191035"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Well, actually</a> it is 0.119 € per
|
||||
month or 14.28 € for 10 years.</p>
|
||||
<p>To be fair, it was a special offer and only covers the domain.
|
||||
Fortunately, my provider, <a
|
||||
href="https://www.netim.com/en"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Netim</a> has a free hosting plan with fits my needs.
|
||||
I even get email hosting with my own domain.
|
||||
There are also services like <a
|
||||
href="https://neocities.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Neocities</a> where you can host your website for free if you are willing to live with a subdomain.</p>
|
||||
<h2 id="why-should-i-xyz-is-free" class="relative group">Why should I? XYZ is free! </h2>
|
||||
<p>Yes, you can post wherever you want.
|
||||
𝕏 (formerly known as Twitter) is free<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>, Mastodon is free, Facebook, Instagram, Threads, Reddit, you name them, are all free, but you are giving up your freedoms.
|
||||
Mastodon might be a little better than the rest, but ultimately you depend on the host to let you post there.
|
||||
And they can block you and delete all your data without even giving you any notice.
|
||||
I hope you have a backup.</p>
|
||||
<p>Hosting this blog allows me to write whatever I want.
|
||||
Sure, Netim could also block me and delete my data, but since I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> I always have everything backed up on my system anyways.
|
||||
In a matter of hours I could be up and running on another hosting provider.</p>
|
||||
<p>I can also use any format I want and have nearly endless possibilities to customize my blog.
|
||||
The sky is the limit.
|
||||
For example am I hosting my own <a
|
||||
href="/fotos"
|
||||
|
||||
|
||||
>photos</a> instead of using Instagram and my own <a
|
||||
href="/micro"
|
||||
|
||||
|
||||
>microblog</a> instead of using Twitter/Mastodon.
|
||||
Whatever media I plan to share in the future, there is a solution out there.
|
||||
Want comments? I’m trying <a
|
||||
href="https://cactus.chat"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Cactus Comments</a> at the moment.</p>
|
||||
<p>Let me know what you think!</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>Or is it? I’m not in the loop. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
<a class="group flex" href="/blog/git/">
|
||||
<span
|
||||
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">←</span
|
||||
><span class="ltr:hidden rtl:inline">→</span></span
|
||||
>
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>git</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-03-22 16:47:15 +0100 CET">2023-03-22</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
<a class="group flex text-right" href="/blog/rss/">
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>RSS</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-09-01 00:00:00 +0000 UTC">2023-09-01</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">→</span
|
||||
><span class="ltr:hidden rtl:inline">←</span></span
|
||||
>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-3">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="pt-3">
|
||||
<script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
|
||||
<link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
|
||||
<div id="comment-section"></div>
|
||||
<script>
|
||||
initComments({
|
||||
node: document.getElementById("comment-section"),
|
||||
defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
|
||||
serverName: "cactus.chat",
|
||||
siteName: "jankremer",
|
||||
commentSectionId: ""
|
||||
})
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,876 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Blog · Jan Kremer</title>
|
||||
<meta name="title" content="Blog · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/blog/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Blog" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/blog/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Blog"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/"
|
||||
>Blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Blog</h1>
|
||||
</header>
|
||||
<section
|
||||
class="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
|
||||
>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/rss/"
|
||||
>RSS</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-09-01 00:00:00 +0000 UTC">2023-09-01</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Feeds without fuzz.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/hosting/"
|
||||
>12 cent blog</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-08-27 00:00:00 +0000 UTC">2023-08-27</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-31 19:36:36.813617957 +0200 CEST">Aktualisiert: 2023-08-31</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Hosting a website at (almost) no cost.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/git/"
|
||||
>git</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-03-22 16:47:15 +0100 CET">2023-03-22</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-28 22:58:22.18611451 +0200 CEST">Aktualisiert: 2023-04-28</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Warum jeder git lernen sollte.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/latex/"
|
||||
>LaTeX</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-01-12 15:35:23 +0100 CET">2023-01-12</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-11 10:37:09.174166494 +0200 CEST">Aktualisiert: 2023-04-11</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2022
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/genesis/"
|
||||
>Genesis</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2022-12-10 00:00:00 +0000 UTC">2022-12-10</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-19 17:15:28.409737576 +0200 CEST">Aktualisiert: 2023-07-19</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Über das Erstellen einer Webseite.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,353 @@
|
|||
<?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>Blog on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/blog/</link>
|
||||
<description>Recent content in Blog on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2022-12-10 00:00</lastBuildDate><atom:link href="https://jankremer.eu/blog/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>RSS</title>
|
||||
<link>https://jankremer.eu/blog/rss/</link>
|
||||
<pubDate>2023-09-01 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/rss/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Feeds without fuzz.
|
||||
</div>
|
||||
|
||||
<h2 id="what-is-rss" class="relative group">What is RSS? </h2>
|
||||
<p>Originally, RSS stood for &ldquo;RDF/Rich Site Summary&rdquo; but was later changed to &ldquo;Really Simple Syndication&rdquo;</p>
|
||||
<p>RSS is a way to subscribe to a website.
|
||||
Whenever that website updates it writes its changes to a <code>XML</code> file.
|
||||
You can then read this XML file and see what changed at a glance.</p>
|
||||
<p>Many websites use RSS including YouTube, <del>Reddit</del> Lemmy, <del>Twitter</del> Mastodon, most news sites, and almost any blog out there.
|
||||
For many blogs, RSS is the main way to distribute new posts.</p>
|
||||
<p>RSS is experiencing a Renaissance at the moment:
|
||||
Many people are now seeing the damages done by algorithmic feeds and want to go back to purely chronological feeds.
|
||||
RSS provides a perfect infrastructure for this.</p>
|
||||
<h2 id="how-to-read-rss" class="relative group">How to read RSS? </h2>
|
||||
<p>First, you need a feed reader. On macOS and iOS I highly recommend <a
|
||||
href="https://netnewswire.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>NetNewsWire</a>.
|
||||
For terminal fans <a
|
||||
href="https://newsboat.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Newsboat</a> is the way to go.
|
||||
<a
|
||||
href="https://www.thunderbird.net/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Thunderbird</a> is also a good choice but there are tons of programs that can read RSS feeds.</p>
|
||||
<p>That&rsquo;s bascially it. Now you need to add some feeds and you are ready.</p>
|
||||
<p>I recommend picking a reader that can also fetch the article without opening the browser and loading a ton of ads.</p>
|
||||
<p>Pro tip: You can export your subscibtions to a <code>OPML</code> file and import them into any RSS reader.</p>
|
||||
<h2 id="how-to-distribute-rss" class="relative group">How to distribute RSS? </h2>
|
||||
<p>This is the hardest question to answer about RSS as there are endless possibilities.</p>
|
||||
<p>The easiest way would probably be to use a service such as Mastodon that generates the feed automatically.
|
||||
If that platform isn&rsquo;t for you, WordPress is a good way to host a blog.
|
||||
I read about people setting up their own scripts that automatically update the feed for new posts.</p>
|
||||
<p>I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> which is a <em>static site generator</em>.
|
||||
It generates feeds automatically but lies somewhere between WordPress and writing your own scripts in terms of how tech savvy you should be.</p>
|
||||
<h2 id="how-to-find-rss" class="relative group">How to find RSS? </h2>
|
||||
<p>Go to a website you like, copy the URL and paste it into your RSS reader.
|
||||
Modern feed readers can find RSS feed on their own, you just have to provide a link to the site you want to subscribe to.
|
||||
If that is not the case, you could try adding <code>/index.xml</code> to the URL.</p>
|
||||
<p>Some sites, like this one, also link to their RSS feeds.
|
||||
Often those links are a the bottom of the website and are either marked as <code>RSS</code>, <code>Feed</code>, or just use the
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M25.57 176.1C12.41 175.4 .9117 185.2 .0523 198.4s9.173 24.65 22.39 25.5c120.1 7.875 225.7 112.7 233.6 233.6C256.9 470.3 267.4 480 279.1 480c.5313 0 1.062-.0313 1.594-.0625c13.22-.8438 23.25-12.28 22.39-25.5C294.6 310.3 169.7 185.4 25.57 176.1zM32 32C14.33 32 0 46.31 0 64s14.33 32 32 32c194.1 0 352 157.9 352 352c0 17.69 14.33 32 32 32s32-14.31 32-32C448 218.6 261.4 32 32 32zM63.1 351.9C28.63 351.9 0 380.6 0 416s28.63 64 63.1 64s64.08-28.62 64.08-64S99.37 351.9 63.1 351.9z"/></svg>
|
||||
</span>
|
||||
|
||||
logo.
|
||||
I additionally provide links to my subprojects such as my <a
|
||||
href="https://jankremer.eu/micro"
|
||||
|
||||
|
||||
>microblog</a> or my <a
|
||||
href="https://jankremer.eu/fotos"
|
||||
|
||||
|
||||
>photos</a>.
|
||||
Feel free to add them to your reader.</p>
|
||||
<h2 id="conclusion" class="relative group">Conclusion </h2>
|
||||
<p>I think RSS is on the rise.
|
||||
It&rsquo;s an old protocol that survived numerous challenges
|
||||
It provides an escape from the algorithms and large social media companies.
|
||||
It also provides a way for content creators to distribute their content on their own without any middleman.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>12 cent blog</title>
|
||||
<link>https://jankremer.eu/blog/hosting/</link>
|
||||
<pubDate>2023-08-27 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/hosting/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Hosting a website at (almost) no cost.
|
||||
</div>
|
||||
|
||||
<p>Yes, the title is correct.
|
||||
<a
|
||||
href="https://knowyourmeme.com/photos/1191035"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Well, actually</a> it is 0.119 € per
|
||||
month or 14.28 € for 10 years.</p>
|
||||
<p>To be fair, it was a special offer and only covers the domain.
|
||||
Fortunately, my provider, <a
|
||||
href="https://www.netim.com/en"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Netim</a> has a free hosting plan with fits my needs.
|
||||
I even get email hosting with my own domain.
|
||||
There are also services like <a
|
||||
href="https://neocities.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Neocities</a> where you can host your website for free if you are willing to live with a subdomain.</p>
|
||||
<h2 id="why-should-i-xyz-is-free" class="relative group">Why should I? XYZ is free! </h2>
|
||||
<p>Yes, you can post wherever you want.
|
||||
𝕏 (formerly known as Twitter) is free<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>, Mastodon is free, Facebook, Instagram, Threads, Reddit, you name them, are all free, but you are giving up your freedoms.
|
||||
Mastodon might be a little better than the rest, but ultimately you depend on the host to let you post there.
|
||||
And they can block you and delete all your data without even giving you any notice.
|
||||
I hope you have a backup.</p>
|
||||
<p>Hosting this blog allows me to write whatever I want.
|
||||
Sure, Netim could also block me and delete my data, but since I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> I always have everything backed up on my system anyways.
|
||||
In a matter of hours I could be up and running on another hosting provider.</p>
|
||||
<p>I can also use any format I want and have nearly endless possibilities to customize my blog.
|
||||
The sky is the limit.
|
||||
For example am I hosting my own <a
|
||||
href="https://jankremer.eu/fotos"
|
||||
|
||||
|
||||
>photos</a> instead of using Instagram and my own <a
|
||||
href="https://jankremer.eu/micro"
|
||||
|
||||
|
||||
>microblog</a> instead of using Twitter/Mastodon.
|
||||
Whatever media I plan to share in the future, there is a solution out there.
|
||||
Want comments? I&rsquo;m trying <a
|
||||
href="https://cactus.chat"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Cactus Comments</a> at the moment.</p>
|
||||
<p>Let me know what you think!</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>Or is it? I&rsquo;m not in the loop.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>git</title>
|
||||
<link>https://jankremer.eu/blog/git/</link>
|
||||
<pubDate>2023-03-22 16:47</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/git/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Warum jeder <em>git</em> lernen sollte.
|
||||
</div>
|
||||
|
||||
<p>Ursprünglich sollte es in diesem Post um <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a>, jedoch ist mir bei Brainstorming aufgefallen, dass das Thema eigentlich deutlich umfangreicher sein sollte.</p>
|
||||
<p>Meine Reise begann, als ich beschloss, diesen Blog zu starten.
|
||||
Da ich bis dahin Webseiten nur in reinem HTML und CSS geschrieben hatte, versuchte ich es zunächst damit.
|
||||
Schnell stellten sich dabei aber mehrere Probleme heraus:</p>
|
||||
<ol>
|
||||
<li>Ich bin nicht gut in CSS.</li>
|
||||
<li>Einen RSS-Feed von Hand zu erstellen ist umständlich und nicht sinnvoll.</li>
|
||||
<li>Mehrere Seiten mit einheitlichem Design in HTML zu schreiben ist kompliziert.</li>
|
||||
<li>Ich mag die HTML Syntax nicht.</li>
|
||||
</ol>
|
||||
<p>Ich war überzeugt, dass ich eine bessere Lösung dafür brauche.
|
||||
Nach kurzer und intensiver Recherche fand ich heraus, dass die Lösung meine Problems <em>&ldquo;static site generator&rdquo;</em> heißt.
|
||||
Darüber hatte ich bereits <a
|
||||
href="https://jankremer.eu/blog/genesis"
|
||||
|
||||
|
||||
>hier</a> geschrieben.</p>
|
||||
<p>Im Zuge dessen lernte ich auch <em>git</em> kennen.
|
||||
Ich hatte zwar schon früher von <em>git</em> gehört, bis dato aber nur zum herunterladen von Software benutzt.
|
||||
Und damit sind wir schon im Kern meines Problems gelandet:</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Warum kannte ich <em>git</em> nicht?
|
||||
</div>
|
||||
|
||||
<p>Meine ersten Erfahrungen mit dem Programmieren machte ich damals in der Schule, angefangen mit HTML und CSS, später mit Python und Java.
|
||||
Aber ohne <em>git</em>.
|
||||
An der Uni (4 Semester Wirtschaftsinformatik) ging es dann weiter mit Java, aber weiterhin ohne <em>git</em>.</p>
|
||||
<p>Erst beim erstellen dieses Blogs kam ich auf die Idee mich mal ein wenig mit <a
|
||||
href="https://de.wikipedia.org/wiki/Versionsverwaltung"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Versionsverwaltung</a> auseinander zu setzen.
|
||||
Und seitdem bin ich verliebt.</p>
|
||||
<p>Inzwischen denke ich, dass jeder von <em>git</em> profitieren könnte.
|
||||
Das einfache Zurückspringen zu früheren Versionen, falls mal was kaputt geht, oder das Auslagern und Zusammenführen von <em>Branches</em> sind einfach großartig.
|
||||
Zudem ermutigt wird man ermutigt, an logisch sinnvollen Stellen zu <em>commiten</em> und somit den bisherigen Stand zu speichern.</p>
|
||||
<p>Es wäre meiner Meinung nach auch sinnvoll, Texte, wie zum Beispiel Projektarbeiten, nicht in <em>Microsoft Word</em> zu verfassen sondern besser in Textdokumenten und diese dann mit <em>git</em> zu verwalten und zusammenzufügen (merge).
|
||||
Diese könnten dann ganz leicht in <a
|
||||
href="https://jankremer.eu/blog/latex"
|
||||
|
||||
|
||||
>LaTeX-Dokumente</a> umgewandelt werden oder auch in <em>Word</em> formatiert werden.
|
||||
Darüber hinaus würde dies den Autoren die Möglichkeit geben, einen Texteditor der Wahl zu nutzen.
|
||||
Gerade auf älteren Maschinen, wie meinem <em>MacBook Pro</em> von 2015 braucht <em>Word</em> inzwischen einiges an Ressourcen.
|
||||
Dies könnte aber auch damit zusammen hängen, dass <em>Word</em> auf meinem Computer stolze 2.3 GB schwer ist.
|
||||
Zum Vergleich: Das <strong>gesamte</strong> <em>LibreOffice</em> braucht keine 800 MB.</p>
|
||||
<p>Ich verstehe auch, dass nicht jeder auf der Kommandozeile zu Hause ist, jedoch gibt es ja auch Tools wie GitHub oder Programme mit grafischer Oberfläche, es sollte also für jeden was dabei sein.</p>
|
||||
<p>Ich kratze hier gerade mal an der Oberfläche der Möglichkeiten, das meiste ist mir selbst noch nicht bekannt.
|
||||
Ich kann nur jedem, der <em>git</em> noch nicht nutzt es nur wärmstens empfehlen, es mal auszuprobieren.
|
||||
Schaden kann es nicht!</p>
|
||||
<p>P.S.: Ja ich weiß, <em>git</em> ist kein Geheimtipp.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>LaTeX</title>
|
||||
<link>https://jankremer.eu/blog/latex/</link>
|
||||
<pubDate>2023-01-12 15:35</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/latex/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
<p>Im Rahmen meines Wahlpflichtpraktums schreibe ich aktuell an meiner zweiten größeren Projektarbeit. Die einzige andere Projektarbeit war bisher die für das Praktikum Pharmazeutische Technologie, welche, Stand jetzt, noch nicht vollständig abgeschlossen ist.</p>
|
||||
<p>Für diese Arbeit entschieden wir uns jedoch für <em>Microsoft Word</em>. Also im Grunde wurde uns diese Entscheidung fast abgenommen, da die Universität Regensburg uns das <em>Office 365</em> zur Verfügung stellt und es damit auch bei uns Studenten den De-Facto-Standard darstellt. Zudem erleichtert es das Arbeiten im Team doch sehr.</p>
|
||||
<p>Formatierungen sind jedoch immer ein Kampf. Daher wollte ich versuchen, <a
|
||||
href="https://www.latex-project.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX</a> für diese Arbeit einzusetzen. Ich kannte <em>LaTeX</em> vor allem aus mathematischen Kursen an der Uni und hatte schon oft gehört, dass es Setzen (von <a
|
||||
href="https://de.wikipedia.org/wiki/Satz_%28Druck%29"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Satz</a>) deutlich vereinfachen soll. Aber nicht nur das Schreiben mathematischer Arbeiten macht es deutlich angenehmer, durch das einbinden einiger zusätzlicher Pakete werden wissenschaftliche Texte zum Kinderspiel.</p>
|
||||
<h2 id="über-latex" class="relative group">Über LaTeX </h2>
|
||||
<blockquote>
|
||||
<p><strong>LaTeX</strong> [ˈlaːtɛç] ist ein Softwarepaket, das die Benutzung des Textsatzsystems TeX mit Hilfe von Makros vereinfacht. <em>LaTeX</em> wurde Anfang der 1980er Jahre von <em>Leslie Lamport</em> entwickelt.Der Name bedeutet so viel wie <em>Lamport TeX</em>. Die Entwicklung wurde seit den 1990er Jahren von einer Anzahl Entwicklern weitergeführt. Heute ist <em>LaTeX</em> die populärste Methode, <em>TeX</em> zu verwenden.</p>
|
||||
</blockquote>
|
||||
<p>— <cite><a
|
||||
href="https://de.wikipedia.org/wiki/LaTeX"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Wikipedia: LaTeX</a></cite></p>
|
||||
<p><em>LaTeX</em> funktioniert ähnlich wie <em>HTML</em> oder <em>Markdown</em>: Zunächst wird die Formatierung von Text getrennt. Bei WYSIWYG<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>-Textverarbeitungsprogrammen wie <em>Word</em> sieht man direkt, wie das gedruckte Dokument hinterher aussehen wird. Das macht es für viele Nutzer einfacher, zwingt sie aber auch dazu, sich direkt und unmittelbar mit der Formatierung zu beschäftigen. <em>LaTeX</em> trennt dies zunächst, gibt aber dennoch eine übersichtliche Struktur vor. Zudem sind die Standard Formatvorlagen deutlich schlichter und zumindest für mich wesentlich ansprechender als die von <em>Word</em> (Warum ist alles blau und wieso <em>Calibri</em>?!). Ja, die Voreinstellungen von <em>Word</em> lassen sich überschreiben, aber das muss man auch erstmal machen.</p>
|
||||
<p>Funktionen wie ein Inhalts- oder Literaturvrezeichnis lassen sich in <em>Word</em> zwar auch realisieren, sind in <em>LaTeX</em> wesentlich simpler. Zudem lässt sich <em>LaTeX</em> durch Pakete nahezu unendlich erweitern und deckt dadruch auch jeden noch so speziellen Fall ab.</p>
|
||||
<p>Ein weiterer Punkt, warum ich <em>LaTeX</em> bevorzuge ist, dass ich jeden Texteditor benutzen kann. Ich nutze am liebsten <em>VS Code</em>, aber natürlich kann jeder beliebige Editor verwendet werden.</p>
|
||||
<p>Das einzige, was mit <em>Word</em> sicher einfacher wäre ist das einbinden und beschriften von Grafiken. Da ich einige davor in meine Projektarbeit verwende, brauchte ich hierfür eine Lösung. Diese habe ich mit <a
|
||||
href="https://inkscape.org/de/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Inkscape</a> gefunden. Hiermir lassen sich Bilder bearbeiten und beschriften und anschließend als <em>LaTeX</em>-Dokument speichern. Diese lassen sich dann ganz einfach einbinden.</p>
|
||||
<h2 id="fazit" class="relative group">Fazit </h2>
|
||||
<p>Für wen <em>Word</em> und ähnliches schon immer eine Qual war oder wer Vorerfahrung mit Texteditoren und Skriptsprachen hat, dem kann ich <em>LaTeX</em> nur ans Herz legen. Ganz einfach lassen sich wunderschöne Dokumente herzaubern. Vor allem der Font <em>Computer Modern</em> hat es mir sehr angetan. Eventuell werde ich die Projektarbeit demnächst hier hochladen.</p>
|
||||
<hr>
|
||||
<h2 id="technische-spezifikationen" class="relative group">Technische Spezifikationen </h2>
|
||||
<p>Kurzer Nachtrag über meine Arbeitsweise mit <em>LaTeX</em>: Als Texteditor benutze ich <a
|
||||
href="https://code.visualstudio.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>VS Code</a>, da ich diesen super übersichtlich finde und vor allem die Erweiterungsmöglichkeiten sehr schätze. Für <em>LaTeX</em> sind dies vor allem <a
|
||||
href="https://github.com/James-Yu/LaTeX-Workshop"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX Workshop</a> und natürlich <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a> (vorinstalliert). Des Weiteren benutze ich die <a
|
||||
href="https://www.tug.org/mactex/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>MacTeX-Distribution</a>, welche ich über <a
|
||||
href="https://brew.sh"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Homebrew</a> installiert habe.</p>
|
||||
<h3 id="verwendete-pakete" class="relative group">Verwendete Pakete </h3>
|
||||
<ul>
|
||||
<li><strong>babel</strong>: Sorgt für die Unterstützung verschiedener Sprachen. Ich schreibe die Projektarbeit zwar auf Englisch, jedoch brauche ich ab und zu mal Deutsche Begriffe und damiteinhergehend Umlaute etc.</li>
|
||||
<li><strong>biblatex</strong>: Verbessertes Literaturverzeichnis, alternative zu <strong>bibtex</strong>.</li>
|
||||
<li><strong>booktabs</strong>: Verschönert und vereinfacht Tabellen in <em>LaTeX</em>.</li>
|
||||
<li><strong>chemformula</strong>: Erleichtert das Setzen von chemischen Formeln enorm und sorgt dafür, dass diese auch richtig angezeigt werden.</li>
|
||||
<li><strong>hyperref</strong>: Für Links und Metadaten.</li>
|
||||
<li><strong>longtable</strong>: Die verwendeten Materialien habe ich alle in riesigen Listen. <em>LaTeX</em> kann standardmäßig nicht besonders gut mit großen Tabellen umgehen, dieses Paket hilft dabei.</li>
|
||||
<li><strong>microtype</strong>: Lässt alles schöner aussehen, praktisch schwarze Magie.</li>
|
||||
<li><strong>siunitx</strong>: Das wahrscheinlich beste Paket überhaupt, simple aber hat Power. Sorgt für perfektes setzen von Einheiten, mit oder ohne vorangehenden Wert. Zudem enthält es eine Funktion, die Werte in Tabellen um den Dezimalpunkt anordnen kann. Ein Traum.</li>
|
||||
<li><strong>textgreek</strong>: Erleichtert das verwenden von griechischen Buchstaben im Text.</li>
|
||||
<li>Zusätzliche Pakete die ich an der Stelle nicht weiter erleutern werden: <strong>color</strong>, <strong>csquotes</strong>, <strong>fontenc</strong>, <strong>glossaries</strong>, <strong>graphicx</strong>, <strong>tikz</strong> und <strong>tocbibind</strong>.</li>
|
||||
</ul>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>What you see is what you get.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Genesis</title>
|
||||
<link>https://jankremer.eu/blog/genesis/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/genesis/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Über das Erstellen einer Webseite.
|
||||
</div>
|
||||
|
||||
<p>Als ich vor ca. einem Jahr diese Domain kaufte, wusste ich noch nicht was ich damit anstellen will. Ich wusste nur: <strong>Ich will endlich eine eigene Webseite haben.</strong></p>
|
||||
<p>In meinen ersten Stunden Informatik in der Schule (vor über 10 Jahren) lernten wir die Grundlagen des Webdesigns mit <em>HTML</em> und <em>CSS</em>, und da ich zunächst nicht viel Zeit hatte erstellte ich genau mit diesen Tools eine kleine Startseite. Mehr schlecht als recht aber immerhin hatte ich etwas.</p>
|
||||
<p>Im März diesen Jahres hatte ich dann ein wenig Zeit mich genauer mit dem Thema zu beschäftigen und fand dabei den sogenannten <a
|
||||
href="https://jamstack.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jamstack</a>. Jamstack sind Tools zur schnellen und einfachen Aufstellen von Webseite. Dies können große Projekte sein oder wie in meinem Fall ein kleiner Blog. Zuerst probierte ich <a
|
||||
href="https://jekyllrb.com/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jekyll</a> was mir jedoch nicht so gut taugte und stieß dann auf <a
|
||||
href="https://gohugo.io/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a>. Mit einer Vielzahl an modernen Designs und einer klinderleichten Handhaben konnte ich schnell überzeugt werden.</p>
|
||||
<p>Heute weiß ich zwar immer noch nicht, was ich hiermit in Zukunft machen werde, aber ich denke es ist wichtiger den je ein Sprachrohr zu haben, das unabhängig ist von der Willkür großer Plattformen.</p>
|
||||
<p>Bis bald und viel Spaß!</p>
|
||||
<p>P.S.: Dieses wunderschöne <em>Theme</em>, das ich hier benutze, heißt <a
|
||||
href="https://git.io/hugo-congo"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Congo</a>.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,819 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>LaTeX · Jan Kremer</title>
|
||||
<meta name="title" content="LaTeX · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Wie ich Word durch LaTeX ersetzte." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/latex/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="LaTeX" />
|
||||
<meta property="og:description" content="Wie ich Word durch LaTeX ersetzte." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/blog/latex/" /><meta property="article:section" content="blog" />
|
||||
<meta property="article:published_time" content="2023-01-12T15:35:23+01:00" />
|
||||
<meta property="article:modified_time" content="2023-04-11T10:37:09+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="LaTeX"/>
|
||||
<meta name="twitter:description" content="Wie ich Word durch LaTeX ersetzte."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Blog",
|
||||
"name": "LaTeX",
|
||||
"headline": "LaTeX",
|
||||
"description": "Wie ich Word durch LaTeX ersetzte.",
|
||||
"abstract": "Wie ich Word durch LaTeX ersetzte.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/blog\/latex\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-01-12T15:35:23\u002b01:00",
|
||||
"datePublished": "2023-01-12T15:35:23\u002b01:00",
|
||||
|
||||
"dateModified": "2023-04-11T10:37:09\u002b02:00",
|
||||
|
||||
"keywords": ["git","latex","uni"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "697"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/"
|
||||
>Blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/latex/"
|
||||
>LaTeX</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
LaTeX
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-01-12 15:35:23 +0100 CET">2023-01-12</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-11 10:37:09.174166494 +0200 CEST">Aktualisiert: 2023-04-11</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/git/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>git</a
|
||||
>
|
||||
|
||||
<a
|
||||
href="/tags/latex/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>latex</a
|
||||
>
|
||||
|
||||
<a
|
||||
href="/tags/uni/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>uni</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
|
||||
<div class="toc pe-5 print:hidden lg:sticky lg:top-10">
|
||||
<details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
|
||||
<summary
|
||||
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
|
||||
>
|
||||
Inhaltsverzeichnis
|
||||
</summary>
|
||||
<div class="-ms-5 border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#über-latex">Über LaTeX</a></li>
|
||||
<li><a href="#fazit">Fazit</a></li>
|
||||
<li><a href="#technische-spezifikationen">Technische Spezifikationen</a>
|
||||
<ul>
|
||||
<li><a href="#verwendete-pakete">Verwendete Pakete</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
<p>Im Rahmen meines Wahlpflichtpraktums schreibe ich aktuell an meiner zweiten größeren Projektarbeit. Die einzige andere Projektarbeit war bisher die für das Praktikum Pharmazeutische Technologie, welche, Stand jetzt, noch nicht vollständig abgeschlossen ist.</p>
|
||||
<p>Für diese Arbeit entschieden wir uns jedoch für <em>Microsoft Word</em>. Also im Grunde wurde uns diese Entscheidung fast abgenommen, da die Universität Regensburg uns das <em>Office 365</em> zur Verfügung stellt und es damit auch bei uns Studenten den De-Facto-Standard darstellt. Zudem erleichtert es das Arbeiten im Team doch sehr.</p>
|
||||
<p>Formatierungen sind jedoch immer ein Kampf. Daher wollte ich versuchen, <a
|
||||
href="https://www.latex-project.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX</a> für diese Arbeit einzusetzen. Ich kannte <em>LaTeX</em> vor allem aus mathematischen Kursen an der Uni und hatte schon oft gehört, dass es Setzen (von <a
|
||||
href="https://de.wikipedia.org/wiki/Satz_%28Druck%29"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Satz</a>) deutlich vereinfachen soll. Aber nicht nur das Schreiben mathematischer Arbeiten macht es deutlich angenehmer, durch das einbinden einiger zusätzlicher Pakete werden wissenschaftliche Texte zum Kinderspiel.</p>
|
||||
<h2 id="über-latex" class="relative group">Über LaTeX </h2>
|
||||
<blockquote>
|
||||
<p><strong>LaTeX</strong> [ˈlaːtɛç] ist ein Softwarepaket, das die Benutzung des Textsatzsystems TeX mit Hilfe von Makros vereinfacht. <em>LaTeX</em> wurde Anfang der 1980er Jahre von <em>Leslie Lamport</em> entwickelt.Der Name bedeutet so viel wie <em>Lamport TeX</em>. Die Entwicklung wurde seit den 1990er Jahren von einer Anzahl Entwicklern weitergeführt. Heute ist <em>LaTeX</em> die populärste Methode, <em>TeX</em> zu verwenden.</p>
|
||||
</blockquote>
|
||||
<p>— <cite><a
|
||||
href="https://de.wikipedia.org/wiki/LaTeX"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Wikipedia: LaTeX</a></cite></p>
|
||||
<p><em>LaTeX</em> funktioniert ähnlich wie <em>HTML</em> oder <em>Markdown</em>: Zunächst wird die Formatierung von Text getrennt. Bei WYSIWYG<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>-Textverarbeitungsprogrammen wie <em>Word</em> sieht man direkt, wie das gedruckte Dokument hinterher aussehen wird. Das macht es für viele Nutzer einfacher, zwingt sie aber auch dazu, sich direkt und unmittelbar mit der Formatierung zu beschäftigen. <em>LaTeX</em> trennt dies zunächst, gibt aber dennoch eine übersichtliche Struktur vor. Zudem sind die Standard Formatvorlagen deutlich schlichter und zumindest für mich wesentlich ansprechender als die von <em>Word</em> (Warum ist alles blau und wieso <em>Calibri</em>?!). Ja, die Voreinstellungen von <em>Word</em> lassen sich überschreiben, aber das muss man auch erstmal machen.</p>
|
||||
<p>Funktionen wie ein Inhalts- oder Literaturvrezeichnis lassen sich in <em>Word</em> zwar auch realisieren, sind in <em>LaTeX</em> wesentlich simpler. Zudem lässt sich <em>LaTeX</em> durch Pakete nahezu unendlich erweitern und deckt dadruch auch jeden noch so speziellen Fall ab.</p>
|
||||
<p>Ein weiterer Punkt, warum ich <em>LaTeX</em> bevorzuge ist, dass ich jeden Texteditor benutzen kann. Ich nutze am liebsten <em>VS Code</em>, aber natürlich kann jeder beliebige Editor verwendet werden.</p>
|
||||
<p>Das einzige, was mit <em>Word</em> sicher einfacher wäre ist das einbinden und beschriften von Grafiken. Da ich einige davor in meine Projektarbeit verwende, brauchte ich hierfür eine Lösung. Diese habe ich mit <a
|
||||
href="https://inkscape.org/de/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Inkscape</a> gefunden. Hiermir lassen sich Bilder bearbeiten und beschriften und anschließend als <em>LaTeX</em>-Dokument speichern. Diese lassen sich dann ganz einfach einbinden.</p>
|
||||
<h2 id="fazit" class="relative group">Fazit </h2>
|
||||
<p>Für wen <em>Word</em> und ähnliches schon immer eine Qual war oder wer Vorerfahrung mit Texteditoren und Skriptsprachen hat, dem kann ich <em>LaTeX</em> nur ans Herz legen. Ganz einfach lassen sich wunderschöne Dokumente herzaubern. Vor allem der Font <em>Computer Modern</em> hat es mir sehr angetan. Eventuell werde ich die Projektarbeit demnächst hier hochladen.</p>
|
||||
<hr>
|
||||
<h2 id="technische-spezifikationen" class="relative group">Technische Spezifikationen </h2>
|
||||
<p>Kurzer Nachtrag über meine Arbeitsweise mit <em>LaTeX</em>: Als Texteditor benutze ich <a
|
||||
href="https://code.visualstudio.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>VS Code</a>, da ich diesen super übersichtlich finde und vor allem die Erweiterungsmöglichkeiten sehr schätze. Für <em>LaTeX</em> sind dies vor allem <a
|
||||
href="https://github.com/James-Yu/LaTeX-Workshop"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX Workshop</a> und natürlich <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a> (vorinstalliert). Des Weiteren benutze ich die <a
|
||||
href="https://www.tug.org/mactex/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>MacTeX-Distribution</a>, welche ich über <a
|
||||
href="https://brew.sh"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Homebrew</a> installiert habe.</p>
|
||||
<h3 id="verwendete-pakete" class="relative group">Verwendete Pakete </h3>
|
||||
<ul>
|
||||
<li><strong>babel</strong>: Sorgt für die Unterstützung verschiedener Sprachen. Ich schreibe die Projektarbeit zwar auf Englisch, jedoch brauche ich ab und zu mal Deutsche Begriffe und damiteinhergehend Umlaute etc.</li>
|
||||
<li><strong>biblatex</strong>: Verbessertes Literaturverzeichnis, alternative zu <strong>bibtex</strong>.</li>
|
||||
<li><strong>booktabs</strong>: Verschönert und vereinfacht Tabellen in <em>LaTeX</em>.</li>
|
||||
<li><strong>chemformula</strong>: Erleichtert das Setzen von chemischen Formeln enorm und sorgt dafür, dass diese auch richtig angezeigt werden.</li>
|
||||
<li><strong>hyperref</strong>: Für Links und Metadaten.</li>
|
||||
<li><strong>longtable</strong>: Die verwendeten Materialien habe ich alle in riesigen Listen. <em>LaTeX</em> kann standardmäßig nicht besonders gut mit großen Tabellen umgehen, dieses Paket hilft dabei.</li>
|
||||
<li><strong>microtype</strong>: Lässt alles schöner aussehen, praktisch schwarze Magie.</li>
|
||||
<li><strong>siunitx</strong>: Das wahrscheinlich beste Paket überhaupt, simple aber hat Power. Sorgt für perfektes setzen von Einheiten, mit oder ohne vorangehenden Wert. Zudem enthält es eine Funktion, die Werte in Tabellen um den Dezimalpunkt anordnen kann. Ein Traum.</li>
|
||||
<li><strong>textgreek</strong>: Erleichtert das verwenden von griechischen Buchstaben im Text.</li>
|
||||
<li>Zusätzliche Pakete die ich an der Stelle nicht weiter erleutern werden: <strong>color</strong>, <strong>csquotes</strong>, <strong>fontenc</strong>, <strong>glossaries</strong>, <strong>graphicx</strong>, <strong>tikz</strong> und <strong>tocbibind</strong>.</li>
|
||||
</ul>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>What you see is what you get. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
<a class="group flex" href="/blog/genesis/">
|
||||
<span
|
||||
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">←</span
|
||||
><span class="ltr:hidden rtl:inline">→</span></span
|
||||
>
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>Genesis</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2022-12-10 00:00:00 +0000 UTC">2022-12-10</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
<a class="group flex text-right" href="/blog/git/">
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>git</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-03-22 16:47:15 +0100 CET">2023-03-22</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">→</span
|
||||
><span class="ltr:hidden rtl:inline">←</span></span
|
||||
>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/blog/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/blog/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,783 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>RSS · Jan Kremer</title>
|
||||
<meta name="title" content="RSS · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Feeds without fuzz." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/blog/rss/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="RSS" />
|
||||
<meta property="og:description" content="Feeds without fuzz." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/blog/rss/" /><meta property="article:section" content="blog" />
|
||||
<meta property="article:published_time" content="2023-09-01T00:00:00+00:00" />
|
||||
<meta property="article:modified_time" content="2023-09-01T21:20:40+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="RSS"/>
|
||||
<meta name="twitter:description" content="Feeds without fuzz."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Blog",
|
||||
"name": "RSS",
|
||||
"headline": "RSS",
|
||||
"description": "Feeds without fuzz.",
|
||||
"abstract": "Feeds without fuzz.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/blog\/rss\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-09-01T00:00:00\u002b00:00",
|
||||
"datePublished": "2023-09-01T00:00:00\u002b00:00",
|
||||
|
||||
"dateModified": "2023-09-01T21:20:40\u002b02:00",
|
||||
|
||||
"keywords": ["rss","meta"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "479"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/"
|
||||
>Blog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/blog/rss/"
|
||||
>RSS</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
RSS
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-09-01 00:00:00 +0000 UTC">2023-09-01</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/rss/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>rss</a
|
||||
>
|
||||
|
||||
<a
|
||||
href="/tags/meta/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>meta</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
|
||||
<div class="toc pe-5 print:hidden lg:sticky lg:top-10">
|
||||
<details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
|
||||
<summary
|
||||
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
|
||||
>
|
||||
Inhaltsverzeichnis
|
||||
</summary>
|
||||
<div class="-ms-5 border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#what-is-rss">What is RSS?</a></li>
|
||||
<li><a href="#how-to-read-rss">How to read RSS?</a></li>
|
||||
<li><a href="#how-to-distribute-rss">How to distribute RSS?</a></li>
|
||||
<li><a href="#how-to-find-rss">How to find RSS?</a></li>
|
||||
<li><a href="#conclusion">Conclusion</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Feeds without fuzz.
|
||||
</div>
|
||||
|
||||
<h2 id="what-is-rss" class="relative group">What is RSS? </h2>
|
||||
<p>Originally, RSS stood for “RDF/Rich Site Summary” but was later changed to “Really Simple Syndication”</p>
|
||||
<p>RSS is a way to subscribe to a website.
|
||||
Whenever that website updates it writes its changes to a <code>XML</code> file.
|
||||
You can then read this XML file and see what changed at a glance.</p>
|
||||
<p>Many websites use RSS including YouTube, <del>Reddit</del> Lemmy, <del>Twitter</del> Mastodon, most news sites, and almost any blog out there.
|
||||
For many blogs, RSS is the main way to distribute new posts.</p>
|
||||
<p>RSS is experiencing a Renaissance at the moment:
|
||||
Many people are now seeing the damages done by algorithmic feeds and want to go back to purely chronological feeds.
|
||||
RSS provides a perfect infrastructure for this.</p>
|
||||
<h2 id="how-to-read-rss" class="relative group">How to read RSS? </h2>
|
||||
<p>First, you need a feed reader. On macOS and iOS I highly recommend <a
|
||||
href="https://netnewswire.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>NetNewsWire</a>.
|
||||
For terminal fans <a
|
||||
href="https://newsboat.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Newsboat</a> is the way to go.
|
||||
<a
|
||||
href="https://www.thunderbird.net/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Thunderbird</a> is also a good choice but there are tons of programs that can read RSS feeds.</p>
|
||||
<p>That’s bascially it. Now you need to add some feeds and you are ready.</p>
|
||||
<p>I recommend picking a reader that can also fetch the article without opening the browser and loading a ton of ads.</p>
|
||||
<p>Pro tip: You can export your subscibtions to a <code>OPML</code> file and import them into any RSS reader.</p>
|
||||
<h2 id="how-to-distribute-rss" class="relative group">How to distribute RSS? </h2>
|
||||
<p>This is the hardest question to answer about RSS as there are endless possibilities.</p>
|
||||
<p>The easiest way would probably be to use a service such as Mastodon that generates the feed automatically.
|
||||
If that platform isn’t for you, WordPress is a good way to host a blog.
|
||||
I read about people setting up their own scripts that automatically update the feed for new posts.</p>
|
||||
<p>I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> which is a <em>static site generator</em>.
|
||||
It generates feeds automatically but lies somewhere between WordPress and writing your own scripts in terms of how tech savvy you should be.</p>
|
||||
<h2 id="how-to-find-rss" class="relative group">How to find RSS? </h2>
|
||||
<p>Go to a website you like, copy the URL and paste it into your RSS reader.
|
||||
Modern feed readers can find RSS feed on their own, you just have to provide a link to the site you want to subscribe to.
|
||||
If that is not the case, you could try adding <code>/index.xml</code> to the URL.</p>
|
||||
<p>Some sites, like this one, also link to their RSS feeds.
|
||||
Often those links are a the bottom of the website and are either marked as <code>RSS</code>, <code>Feed</code>, or just use the
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M25.57 176.1C12.41 175.4 .9117 185.2 .0523 198.4s9.173 24.65 22.39 25.5c120.1 7.875 225.7 112.7 233.6 233.6C256.9 470.3 267.4 480 279.1 480c.5313 0 1.062-.0313 1.594-.0625c13.22-.8438 23.25-12.28 22.39-25.5C294.6 310.3 169.7 185.4 25.57 176.1zM32 32C14.33 32 0 46.31 0 64s14.33 32 32 32c194.1 0 352 157.9 352 352c0 17.69 14.33 32 32 32s32-14.31 32-32C448 218.6 261.4 32 32 32zM63.1 351.9C28.63 351.9 0 380.6 0 416s28.63 64 63.1 64s64.08-28.62 64.08-64S99.37 351.9 63.1 351.9z"/></svg>
|
||||
</span>
|
||||
|
||||
logo.
|
||||
I additionally provide links to my subprojects such as my <a
|
||||
href="/micro"
|
||||
|
||||
|
||||
>microblog</a> or my <a
|
||||
href="/fotos"
|
||||
|
||||
|
||||
>photos</a>.
|
||||
Feel free to add them to your reader.</p>
|
||||
<h2 id="conclusion" class="relative group">Conclusion </h2>
|
||||
<p>I think RSS is on the rise.
|
||||
It’s an old protocol that survived numerous challenges
|
||||
It provides an escape from the algorithms and large social media companies.
|
||||
It also provides a way for content creators to distribute their content on their own without any middleman.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
<a class="group flex" href="/blog/hosting/">
|
||||
<span
|
||||
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">←</span
|
||||
><span class="ltr:hidden rtl:inline">→</span></span
|
||||
>
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>12 cent blog</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-08-27 00:00:00 +0000 UTC">2023-08-27</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
|
||||
|
||||
█▀▀▀▀▀█ ▄█ ▄▄▄█▄▄█▀▀▀▀▀▀ █▀▀▀▀▀█
|
||||
█ ███ █ ▄█▀█ ▄███▄▀▄▀▀▄▀ █ ███ █
|
||||
█ ▀▀▀ █ ▄ █ ▀▀▀▄▀▄ ▀▀ ▀ █ ▀▀▀ █
|
||||
▀▀▀▀▀▀▀ ▀ ▀ █ █ ▀ ▀ ▀▄▀▄▀ ▀▀▀▀▀▀▀
|
||||
█▀███▄▀███▀ ▀█▀ ▄▀ ▄█▄▄▄▄▀▄▀ █▄▀▄
|
||||
▀▄▄▄██▀▀▄█▄█▀ ██▀▀█ ▄▄▀▄▀▄ ▀▄ ▄█
|
||||
▄██▄ █▀ ▀█▄▀▄▄ ▀▄█▄█▄▄▀▄ ▄▄▀▀▀ ▄▄
|
||||
▄██ ▀ ▀▀▀ ▀ ▄█▀█▀ ▄▄▀▄▀▄▀ ▀█▀▄██
|
||||
▄███▄ ▀▄ ██ ▀ ▀▀█▀▄▄█▄▄▄▀▀▄▄▀▀▄▄▄
|
||||
█▀ ██▀▀ ██▀█▀ ▄█▀ ▄▄▀▄▄ ▄█▀ ██▄▄
|
||||
█▄▄ █▄▀ ▀▄▀▄▄▄▀▄█▄▄▀▄██▀▄▄ ▀ ▄
|
||||
█ ██▀▀▀▀▄▄ ▄█▀██▀▀▄ █ ▀ ▄▄▀▄
|
||||
▀ ▀ ▀▀ █▄█ ▀ ▀ ▄█ █▄▄▀ █▀▀▀██▄ ▄
|
||||
█▀▀▀▀▀█ ▀█ █▀ ▄█▀▀█▄ ▄▀██ ▀ █ █▀▄
|
||||
█ ███ █ █ ▄▀▄▄▄▀█▀▀▄█▄▀▄▀█▀▀██▄██
|
||||
█ ▀▀▀ █ █ ▀ ▄█▀█ ▀ ▄ ▄▄▄▀█▀ ▄▄█
|
||||
▀▀▀▀▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀ ▀ ▀ ▀
|
||||
|
||||
|
||||
bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,687 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Bitcoin · Jan Kremer</title>
|
||||
<meta name="title" content="Bitcoin · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Address bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym QR OpenAlias jankremer." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/btc/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Bitcoin" />
|
||||
<meta property="og:description" content="Address bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym QR OpenAlias jankremer." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/btc/" /><meta property="article:section" content="" />
|
||||
<meta property="article:published_time" content="2022-12-10T00:00:00+00:00" />
|
||||
<meta property="article:modified_time" content="2023-03-30T09:41:14+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Bitcoin"/>
|
||||
<meta name="twitter:description" content="Address bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym QR OpenAlias jankremer."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "",
|
||||
"name": "Bitcoin",
|
||||
"headline": "Bitcoin",
|
||||
|
||||
"abstract": "Address bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym QR OpenAlias jankremer.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/btc\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2022",
|
||||
"dateCreated": "2022-12-10T00:00:00\u002b00:00",
|
||||
"datePublished": "2022-12-10T00:00:00\u002b00:00",
|
||||
|
||||
"dateModified": "2023-03-30T09:41:14\u002b02:00",
|
||||
|
||||
"keywords": ["crypto"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "6"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/btc/"
|
||||
>Bitcoin</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Bitcoin
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/crypto/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>crypto</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
|
||||
<div class="toc pe-5 print:hidden lg:sticky lg:top-10">
|
||||
<details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
|
||||
<summary
|
||||
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
|
||||
>
|
||||
Inhaltsverzeichnis
|
||||
</summary>
|
||||
<div class="-ms-5 border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#address">Address</a></li>
|
||||
<li><a href="#qr">QR</a></li>
|
||||
<li><a href="#openalias">OpenAlias</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
src="/img/btc.png"
|
||||
|
||||
|
||||
alt="BTC"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="openalias" class="relative group">OpenAlias </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">btc.jankremer.eu
|
||||
</span></span></code></pre></div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,532 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Categories · Jan Kremer</title>
|
||||
<meta name="title" content="Categories · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/categories/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Categories" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/categories/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Categories"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/categories/"
|
||||
>Categories</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Categories</h1>
|
||||
</header>
|
||||
|
||||
<section class="flex flex-wrap -mx-2 overflow-hidden">
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<?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>Categories on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/categories/</link>
|
||||
<description>Recent content in Categories on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright><atom:link href="https://jankremer.eu/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,22 @@
|
|||
|
||||
|
||||
█▀▀▀▀▀█ ▄▀ ▄██▀▄██ ▀▀ █▀▀▀▀▀█
|
||||
█ ███ █ ▀███▀▀▀▄█▀▀▄▀ █ ███ █
|
||||
█ ▀▀▀ █ █▄ ▄ █▄▄▀ ▄ █ ▀▀▀ █
|
||||
▀▀▀▀▀▀▀ █▄▀ █ ▀▄█▄▀ ▀ ▀▀▀▀▀▀▀
|
||||
▀▀▄█ ▄▀█▄ █▄ ▄█▀▀▄█▀▀ ▀▀▄
|
||||
▀█ ▄▄▀▀█▄▀▀ █ ▄ ▄█▄ ▄█ ▀█ ▄
|
||||
▄ ████▀ ▄▄▄▄█ ▀ █▄ ▄ █▀█ ▄▀
|
||||
█▀▀ ▀█▀ █ ▀ █ ▄ █ ▄▄▄█ ▀▀▀█▀
|
||||
▄ ▄█▄▀▀▀█▄▀ ▀ ▄▀█▀▀ ▄▀ ██ █
|
||||
▀ ▀▄ ▀▀█▀▄▄▄ █ ▄▄▄ ▄█ ▄ ██
|
||||
▀ ▀▀ ▀ █▄▄██ █ █ ▀█▀▀▀█ █
|
||||
█▀▀▀▀▀█ ▀▀▄██▀▀ ▀ ▄▄█ ▀ █▀█
|
||||
█ ███ █ ▄███▀▄▀ ▄██ █████▄ ▄▀
|
||||
█ ▀▀▀ █ ▄ ▄█▀ █▄▀█ ▄█ ▀▄▀▄▀
|
||||
▀▀▀▀▀▀▀ ▀ ▀ ▀▀ ▀▀▀▀▀ ▀ ▀
|
||||
|
||||
|
||||
0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,693 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Ethereum · Jan Kremer</title>
|
||||
<meta name="title" content="Ethereum · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Address 0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7 QR Coming soon: ENS jankremer." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/eth/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Ethereum" />
|
||||
<meta property="og:description" content="Address 0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7 QR Coming soon: ENS jankremer." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/eth/" /><meta property="article:section" content="" />
|
||||
<meta property="article:published_time" content="2022-12-10T00:00:00+00:00" />
|
||||
<meta property="article:modified_time" content="2023-03-30T09:42:00+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Ethereum"/>
|
||||
<meta name="twitter:description" content="Address 0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7 QR Coming soon: ENS jankremer."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "",
|
||||
"name": "Ethereum",
|
||||
"headline": "Ethereum",
|
||||
|
||||
"abstract": "Address 0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7 QR Coming soon: ENS jankremer.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/eth\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2022",
|
||||
"dateCreated": "2022-12-10T00:00:00\u002b00:00",
|
||||
"datePublished": "2022-12-10T00:00:00\u002b00:00",
|
||||
|
||||
"dateModified": "2023-03-30T09:42:00\u002b02:00",
|
||||
|
||||
"keywords": ["crypto"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "9"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/eth/"
|
||||
>Ethereum</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Ethereum
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/crypto/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>crypto</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
|
||||
<div class="toc pe-5 print:hidden lg:sticky lg:top-10">
|
||||
<details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
|
||||
<summary
|
||||
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
|
||||
>
|
||||
Inhaltsverzeichnis
|
||||
</summary>
|
||||
<div class="-ms-5 border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#address">Address</a></li>
|
||||
<li><a href="#qr">QR</a></li>
|
||||
<li><a href="#coming-soon-ens">Coming soon: ENS</a></li>
|
||||
<li><a href="#opensea">OpenSea</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
src="/img/eth.png"
|
||||
|
||||
|
||||
alt="ETH"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="coming-soon-ens" class="relative group">Coming soon: ENS </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><h2 id="opensea" class="relative group">OpenSea </h2>
|
||||
<p><a
|
||||
href="https://opensea.io/Echinacea"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Echinacea</a></p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 544 B |
Binary file not shown.
|
After Width: | Height: | Size: 594 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 303 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -0,0 +1,687 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Evening Cloud · Jan Kremer</title>
|
||||
<meta name="title" content="Evening Cloud · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Evening cloud over Regensburg." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/fotos/evening-cloud/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Evening Cloud" />
|
||||
<meta property="og:description" content="Evening cloud over Regensburg." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/fotos/evening-cloud/" /><meta property="article:section" content="fotos" />
|
||||
<meta property="article:published_time" content="2023-07-19T10:48:33+02:00" />
|
||||
<meta property="article:modified_time" content="2023-07-19T16:30:15+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Evening Cloud"/>
|
||||
<meta name="twitter:description" content="Evening cloud over Regensburg."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Fotos",
|
||||
"name": "Evening Cloud",
|
||||
"headline": "Evening Cloud",
|
||||
"description": "Evening cloud over Regensburg.",
|
||||
"abstract": "Evening cloud over Regensburg.",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/fotos\/evening-cloud\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-07-19T10:48:33\u002b02:00",
|
||||
"datePublished": "2023-07-19T10:48:33\u002b02:00",
|
||||
|
||||
"dateModified": "2023-07-19T16:30:15\u002b02:00",
|
||||
|
||||
"keywords": ["fotos","regensburg"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "4"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/fotos/"
|
||||
>Fotos</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/fotos/evening-cloud/"
|
||||
>Evening Cloud</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Evening Cloud
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-19 10:48:33 +0200 CEST">2023-07-19</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/fotos/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>fotos</a
|
||||
>
|
||||
|
||||
<a
|
||||
href="/tags/regensburg/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>regensburg</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
srcset="/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_330x0_resize_q75_h2_box_2.webp 330w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp 660w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1024x0_resize_q75_h2_box_2.webp 1024w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1320x0_resize_q75_h2_box_2.webp 2x"
|
||||
src="/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp"
|
||||
|
||||
|
||||
alt="Evening cloud over Regensburg."
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Evening cloud over Regensburg.
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,634 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Fotos · Jan Kremer</title>
|
||||
<meta name="title" content="Fotos · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/fotos/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/fotos/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Fotos" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/fotos/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Fotos"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/fotos/"
|
||||
>Fotos</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Fotos</h1>
|
||||
</header>
|
||||
<section
|
||||
class="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
|
||||
>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div class="flex-none pe-4 sm:pe-6 ">
|
||||
<a
|
||||
href="
|
||||
/fotos/evening-cloud/
|
||||
"
|
||||
aria-label="Evening Cloud"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
|
||||
class="w-24 rounded-md sm:w-40" srcset="/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_160x120_fill_q75_h2_box_smart1_2.webp
|
||||
160w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_320x240_fill_q75_h2_box_smart1_2.webp 2x"
|
||||
src="/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_160x120_fill_q75_h2_box_smart1_2.webp"
|
||||
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/fotos/evening-cloud/"
|
||||
>Evening Cloud</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-19 10:48:33 +0200 CEST">2023-07-19</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Evening cloud over Regensburg.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<?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>Fotos on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/fotos/</link>
|
||||
<description>Recent content in Fotos on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright><atom:link href="https://jankremer.eu/fotos/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Evening Cloud</title>
|
||||
<link>https://jankremer.eu/fotos/evening-cloud/</link>
|
||||
<pubDate>2023-07-19 10:48</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/fotos/evening-cloud/</guid>
|
||||
<description><p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
srcset="https://jankremer.eu/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_330x0_resize_q75_h2_box_2.webp 330w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp 660w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1024x0_resize_q75_h2_box_2.webp 1024w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1320x0_resize_q75_h2_box_2.webp 2x"
|
||||
src="https://jankremer.eu/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp"
|
||||
|
||||
|
||||
alt="Evening cloud over Regensburg."
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Evening cloud over Regensburg.
|
||||
</div>
|
||||
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/fotos/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/fotos/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/fotos/">
|
||||
</head>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 749 B |
Binary file not shown.
|
After Width: | Height: | Size: 751 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,618 @@
|
|||
<?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>Jan Kremer</title>
|
||||
<link>https://jankremer.eu/</link>
|
||||
<description>Recent content on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright><atom:link href="https://jankremer.eu/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>RSS</title>
|
||||
<link>https://jankremer.eu/blog/rss/</link>
|
||||
<pubDate>2023-09-01 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/rss/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Feeds without fuzz.
|
||||
</div>
|
||||
|
||||
<h2 id="what-is-rss" class="relative group">What is RSS? </h2>
|
||||
<p>Originally, RSS stood for &ldquo;RDF/Rich Site Summary&rdquo; but was later changed to &ldquo;Really Simple Syndication&rdquo;</p>
|
||||
<p>RSS is a way to subscribe to a website.
|
||||
Whenever that website updates it writes its changes to a <code>XML</code> file.
|
||||
You can then read this XML file and see what changed at a glance.</p>
|
||||
<p>Many websites use RSS including YouTube, <del>Reddit</del> Lemmy, <del>Twitter</del> Mastodon, most news sites, and almost any blog out there.
|
||||
For many blogs, RSS is the main way to distribute new posts.</p>
|
||||
<p>RSS is experiencing a Renaissance at the moment:
|
||||
Many people are now seeing the damages done by algorithmic feeds and want to go back to purely chronological feeds.
|
||||
RSS provides a perfect infrastructure for this.</p>
|
||||
<h2 id="how-to-read-rss" class="relative group">How to read RSS? </h2>
|
||||
<p>First, you need a feed reader. On macOS and iOS I highly recommend <a
|
||||
href="https://netnewswire.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>NetNewsWire</a>.
|
||||
For terminal fans <a
|
||||
href="https://newsboat.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Newsboat</a> is the way to go.
|
||||
<a
|
||||
href="https://www.thunderbird.net/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Thunderbird</a> is also a good choice but there are tons of programs that can read RSS feeds.</p>
|
||||
<p>That&rsquo;s bascially it. Now you need to add some feeds and you are ready.</p>
|
||||
<p>I recommend picking a reader that can also fetch the article without opening the browser and loading a ton of ads.</p>
|
||||
<p>Pro tip: You can export your subscibtions to a <code>OPML</code> file and import them into any RSS reader.</p>
|
||||
<h2 id="how-to-distribute-rss" class="relative group">How to distribute RSS? </h2>
|
||||
<p>This is the hardest question to answer about RSS as there are endless possibilities.</p>
|
||||
<p>The easiest way would probably be to use a service such as Mastodon that generates the feed automatically.
|
||||
If that platform isn&rsquo;t for you, WordPress is a good way to host a blog.
|
||||
I read about people setting up their own scripts that automatically update the feed for new posts.</p>
|
||||
<p>I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> which is a <em>static site generator</em>.
|
||||
It generates feeds automatically but lies somewhere between WordPress and writing your own scripts in terms of how tech savvy you should be.</p>
|
||||
<h2 id="how-to-find-rss" class="relative group">How to find RSS? </h2>
|
||||
<p>Go to a website you like, copy the URL and paste it into your RSS reader.
|
||||
Modern feed readers can find RSS feed on their own, you just have to provide a link to the site you want to subscribe to.
|
||||
If that is not the case, you could try adding <code>/index.xml</code> to the URL.</p>
|
||||
<p>Some sites, like this one, also link to their RSS feeds.
|
||||
Often those links are a the bottom of the website and are either marked as <code>RSS</code>, <code>Feed</code>, or just use the
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M25.57 176.1C12.41 175.4 .9117 185.2 .0523 198.4s9.173 24.65 22.39 25.5c120.1 7.875 225.7 112.7 233.6 233.6C256.9 470.3 267.4 480 279.1 480c.5313 0 1.062-.0313 1.594-.0625c13.22-.8438 23.25-12.28 22.39-25.5C294.6 310.3 169.7 185.4 25.57 176.1zM32 32C14.33 32 0 46.31 0 64s14.33 32 32 32c194.1 0 352 157.9 352 352c0 17.69 14.33 32 32 32s32-14.31 32-32C448 218.6 261.4 32 32 32zM63.1 351.9C28.63 351.9 0 380.6 0 416s28.63 64 63.1 64s64.08-28.62 64.08-64S99.37 351.9 63.1 351.9z"/></svg>
|
||||
</span>
|
||||
|
||||
logo.
|
||||
I additionally provide links to my subprojects such as my <a
|
||||
href="https://jankremer.eu/micro"
|
||||
|
||||
|
||||
>microblog</a> or my <a
|
||||
href="https://jankremer.eu/fotos"
|
||||
|
||||
|
||||
>photos</a>.
|
||||
Feel free to add them to your reader.</p>
|
||||
<h2 id="conclusion" class="relative group">Conclusion </h2>
|
||||
<p>I think RSS is on the rise.
|
||||
It&rsquo;s an old protocol that survived numerous challenges
|
||||
It provides an escape from the algorithms and large social media companies.
|
||||
It also provides a way for content creators to distribute their content on their own without any middleman.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>12 cent blog</title>
|
||||
<link>https://jankremer.eu/blog/hosting/</link>
|
||||
<pubDate>2023-08-27 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/hosting/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Hosting a website at (almost) no cost.
|
||||
</div>
|
||||
|
||||
<p>Yes, the title is correct.
|
||||
<a
|
||||
href="https://knowyourmeme.com/photos/1191035"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Well, actually</a> it is 0.119 € per
|
||||
month or 14.28 € for 10 years.</p>
|
||||
<p>To be fair, it was a special offer and only covers the domain.
|
||||
Fortunately, my provider, <a
|
||||
href="https://www.netim.com/en"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Netim</a> has a free hosting plan with fits my needs.
|
||||
I even get email hosting with my own domain.
|
||||
There are also services like <a
|
||||
href="https://neocities.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Neocities</a> where you can host your website for free if you are willing to live with a subdomain.</p>
|
||||
<h2 id="why-should-i-xyz-is-free" class="relative group">Why should I? XYZ is free! </h2>
|
||||
<p>Yes, you can post wherever you want.
|
||||
𝕏 (formerly known as Twitter) is free<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>, Mastodon is free, Facebook, Instagram, Threads, Reddit, you name them, are all free, but you are giving up your freedoms.
|
||||
Mastodon might be a little better than the rest, but ultimately you depend on the host to let you post there.
|
||||
And they can block you and delete all your data without even giving you any notice.
|
||||
I hope you have a backup.</p>
|
||||
<p>Hosting this blog allows me to write whatever I want.
|
||||
Sure, Netim could also block me and delete my data, but since I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> I always have everything backed up on my system anyways.
|
||||
In a matter of hours I could be up and running on another hosting provider.</p>
|
||||
<p>I can also use any format I want and have nearly endless possibilities to customize my blog.
|
||||
The sky is the limit.
|
||||
For example am I hosting my own <a
|
||||
href="https://jankremer.eu/fotos"
|
||||
|
||||
|
||||
>photos</a> instead of using Instagram and my own <a
|
||||
href="https://jankremer.eu/micro"
|
||||
|
||||
|
||||
>microblog</a> instead of using Twitter/Mastodon.
|
||||
Whatever media I plan to share in the future, there is a solution out there.
|
||||
Want comments? I&rsquo;m trying <a
|
||||
href="https://cactus.chat"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Cactus Comments</a> at the moment.</p>
|
||||
<p>Let me know what you think!</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>Or is it? I&rsquo;m not in the loop.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Stop using 𝕏.</title>
|
||||
<link>https://jankremer.eu/micro/delete/</link>
|
||||
<pubDate>2023-07-22 15:57</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/micro/delete/</guid>
|
||||
<description><span class="flex">
|
||||
<span
|
||||
class="ms-1 rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"
|
||||
>
|
||||
|
||||
Microblog
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
<p>RIP
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
|
||||
|
||||
</span>
|
||||
|
||||
Twitter</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Evening Cloud</title>
|
||||
<link>https://jankremer.eu/fotos/evening-cloud/</link>
|
||||
<pubDate>2023-07-19 10:48</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/fotos/evening-cloud/</guid>
|
||||
<description><p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
srcset="https://jankremer.eu/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_330x0_resize_q75_h2_box_2.webp 330w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp 660w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1024x0_resize_q75_h2_box_2.webp 1024w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1320x0_resize_q75_h2_box_2.webp 2x"
|
||||
src="https://jankremer.eu/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp"
|
||||
|
||||
|
||||
alt="Evening cloud over Regensburg."
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Evening cloud over Regensburg.
|
||||
</div>
|
||||
|
||||
</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><span class="flex">
|
||||
<span
|
||||
class="ms-1 rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"
|
||||
>
|
||||
|
||||
Microblog
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>git</title>
|
||||
<link>https://jankremer.eu/blog/git/</link>
|
||||
<pubDate>2023-03-22 16:47</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/git/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Warum jeder <em>git</em> lernen sollte.
|
||||
</div>
|
||||
|
||||
<p>Ursprünglich sollte es in diesem Post um <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a>, jedoch ist mir bei Brainstorming aufgefallen, dass das Thema eigentlich deutlich umfangreicher sein sollte.</p>
|
||||
<p>Meine Reise begann, als ich beschloss, diesen Blog zu starten.
|
||||
Da ich bis dahin Webseiten nur in reinem HTML und CSS geschrieben hatte, versuchte ich es zunächst damit.
|
||||
Schnell stellten sich dabei aber mehrere Probleme heraus:</p>
|
||||
<ol>
|
||||
<li>Ich bin nicht gut in CSS.</li>
|
||||
<li>Einen RSS-Feed von Hand zu erstellen ist umständlich und nicht sinnvoll.</li>
|
||||
<li>Mehrere Seiten mit einheitlichem Design in HTML zu schreiben ist kompliziert.</li>
|
||||
<li>Ich mag die HTML Syntax nicht.</li>
|
||||
</ol>
|
||||
<p>Ich war überzeugt, dass ich eine bessere Lösung dafür brauche.
|
||||
Nach kurzer und intensiver Recherche fand ich heraus, dass die Lösung meine Problems <em>&ldquo;static site generator&rdquo;</em> heißt.
|
||||
Darüber hatte ich bereits <a
|
||||
href="https://jankremer.eu/blog/genesis"
|
||||
|
||||
|
||||
>hier</a> geschrieben.</p>
|
||||
<p>Im Zuge dessen lernte ich auch <em>git</em> kennen.
|
||||
Ich hatte zwar schon früher von <em>git</em> gehört, bis dato aber nur zum herunterladen von Software benutzt.
|
||||
Und damit sind wir schon im Kern meines Problems gelandet:</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Warum kannte ich <em>git</em> nicht?
|
||||
</div>
|
||||
|
||||
<p>Meine ersten Erfahrungen mit dem Programmieren machte ich damals in der Schule, angefangen mit HTML und CSS, später mit Python und Java.
|
||||
Aber ohne <em>git</em>.
|
||||
An der Uni (4 Semester Wirtschaftsinformatik) ging es dann weiter mit Java, aber weiterhin ohne <em>git</em>.</p>
|
||||
<p>Erst beim erstellen dieses Blogs kam ich auf die Idee mich mal ein wenig mit <a
|
||||
href="https://de.wikipedia.org/wiki/Versionsverwaltung"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Versionsverwaltung</a> auseinander zu setzen.
|
||||
Und seitdem bin ich verliebt.</p>
|
||||
<p>Inzwischen denke ich, dass jeder von <em>git</em> profitieren könnte.
|
||||
Das einfache Zurückspringen zu früheren Versionen, falls mal was kaputt geht, oder das Auslagern und Zusammenführen von <em>Branches</em> sind einfach großartig.
|
||||
Zudem ermutigt wird man ermutigt, an logisch sinnvollen Stellen zu <em>commiten</em> und somit den bisherigen Stand zu speichern.</p>
|
||||
<p>Es wäre meiner Meinung nach auch sinnvoll, Texte, wie zum Beispiel Projektarbeiten, nicht in <em>Microsoft Word</em> zu verfassen sondern besser in Textdokumenten und diese dann mit <em>git</em> zu verwalten und zusammenzufügen (merge).
|
||||
Diese könnten dann ganz leicht in <a
|
||||
href="https://jankremer.eu/blog/latex"
|
||||
|
||||
|
||||
>LaTeX-Dokumente</a> umgewandelt werden oder auch in <em>Word</em> formatiert werden.
|
||||
Darüber hinaus würde dies den Autoren die Möglichkeit geben, einen Texteditor der Wahl zu nutzen.
|
||||
Gerade auf älteren Maschinen, wie meinem <em>MacBook Pro</em> von 2015 braucht <em>Word</em> inzwischen einiges an Ressourcen.
|
||||
Dies könnte aber auch damit zusammen hängen, dass <em>Word</em> auf meinem Computer stolze 2.3 GB schwer ist.
|
||||
Zum Vergleich: Das <strong>gesamte</strong> <em>LibreOffice</em> braucht keine 800 MB.</p>
|
||||
<p>Ich verstehe auch, dass nicht jeder auf der Kommandozeile zu Hause ist, jedoch gibt es ja auch Tools wie GitHub oder Programme mit grafischer Oberfläche, es sollte also für jeden was dabei sein.</p>
|
||||
<p>Ich kratze hier gerade mal an der Oberfläche der Möglichkeiten, das meiste ist mir selbst noch nicht bekannt.
|
||||
Ich kann nur jedem, der <em>git</em> noch nicht nutzt es nur wärmstens empfehlen, es mal auszuprobieren.
|
||||
Schaden kann es nicht!</p>
|
||||
<p>P.S.: Ja ich weiß, <em>git</em> ist kein Geheimtipp.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>LaTeX</title>
|
||||
<link>https://jankremer.eu/blog/latex/</link>
|
||||
<pubDate>2023-01-12 15:35</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/latex/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
<p>Im Rahmen meines Wahlpflichtpraktums schreibe ich aktuell an meiner zweiten größeren Projektarbeit. Die einzige andere Projektarbeit war bisher die für das Praktikum Pharmazeutische Technologie, welche, Stand jetzt, noch nicht vollständig abgeschlossen ist.</p>
|
||||
<p>Für diese Arbeit entschieden wir uns jedoch für <em>Microsoft Word</em>. Also im Grunde wurde uns diese Entscheidung fast abgenommen, da die Universität Regensburg uns das <em>Office 365</em> zur Verfügung stellt und es damit auch bei uns Studenten den De-Facto-Standard darstellt. Zudem erleichtert es das Arbeiten im Team doch sehr.</p>
|
||||
<p>Formatierungen sind jedoch immer ein Kampf. Daher wollte ich versuchen, <a
|
||||
href="https://www.latex-project.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX</a> für diese Arbeit einzusetzen. Ich kannte <em>LaTeX</em> vor allem aus mathematischen Kursen an der Uni und hatte schon oft gehört, dass es Setzen (von <a
|
||||
href="https://de.wikipedia.org/wiki/Satz_%28Druck%29"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Satz</a>) deutlich vereinfachen soll. Aber nicht nur das Schreiben mathematischer Arbeiten macht es deutlich angenehmer, durch das einbinden einiger zusätzlicher Pakete werden wissenschaftliche Texte zum Kinderspiel.</p>
|
||||
<h2 id="über-latex" class="relative group">Über LaTeX </h2>
|
||||
<blockquote>
|
||||
<p><strong>LaTeX</strong> [ˈlaːtɛç] ist ein Softwarepaket, das die Benutzung des Textsatzsystems TeX mit Hilfe von Makros vereinfacht. <em>LaTeX</em> wurde Anfang der 1980er Jahre von <em>Leslie Lamport</em> entwickelt.Der Name bedeutet so viel wie <em>Lamport TeX</em>. Die Entwicklung wurde seit den 1990er Jahren von einer Anzahl Entwicklern weitergeführt. Heute ist <em>LaTeX</em> die populärste Methode, <em>TeX</em> zu verwenden.</p>
|
||||
</blockquote>
|
||||
<p>— <cite><a
|
||||
href="https://de.wikipedia.org/wiki/LaTeX"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Wikipedia: LaTeX</a></cite></p>
|
||||
<p><em>LaTeX</em> funktioniert ähnlich wie <em>HTML</em> oder <em>Markdown</em>: Zunächst wird die Formatierung von Text getrennt. Bei WYSIWYG<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>-Textverarbeitungsprogrammen wie <em>Word</em> sieht man direkt, wie das gedruckte Dokument hinterher aussehen wird. Das macht es für viele Nutzer einfacher, zwingt sie aber auch dazu, sich direkt und unmittelbar mit der Formatierung zu beschäftigen. <em>LaTeX</em> trennt dies zunächst, gibt aber dennoch eine übersichtliche Struktur vor. Zudem sind die Standard Formatvorlagen deutlich schlichter und zumindest für mich wesentlich ansprechender als die von <em>Word</em> (Warum ist alles blau und wieso <em>Calibri</em>?!). Ja, die Voreinstellungen von <em>Word</em> lassen sich überschreiben, aber das muss man auch erstmal machen.</p>
|
||||
<p>Funktionen wie ein Inhalts- oder Literaturvrezeichnis lassen sich in <em>Word</em> zwar auch realisieren, sind in <em>LaTeX</em> wesentlich simpler. Zudem lässt sich <em>LaTeX</em> durch Pakete nahezu unendlich erweitern und deckt dadruch auch jeden noch so speziellen Fall ab.</p>
|
||||
<p>Ein weiterer Punkt, warum ich <em>LaTeX</em> bevorzuge ist, dass ich jeden Texteditor benutzen kann. Ich nutze am liebsten <em>VS Code</em>, aber natürlich kann jeder beliebige Editor verwendet werden.</p>
|
||||
<p>Das einzige, was mit <em>Word</em> sicher einfacher wäre ist das einbinden und beschriften von Grafiken. Da ich einige davor in meine Projektarbeit verwende, brauchte ich hierfür eine Lösung. Diese habe ich mit <a
|
||||
href="https://inkscape.org/de/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Inkscape</a> gefunden. Hiermir lassen sich Bilder bearbeiten und beschriften und anschließend als <em>LaTeX</em>-Dokument speichern. Diese lassen sich dann ganz einfach einbinden.</p>
|
||||
<h2 id="fazit" class="relative group">Fazit </h2>
|
||||
<p>Für wen <em>Word</em> und ähnliches schon immer eine Qual war oder wer Vorerfahrung mit Texteditoren und Skriptsprachen hat, dem kann ich <em>LaTeX</em> nur ans Herz legen. Ganz einfach lassen sich wunderschöne Dokumente herzaubern. Vor allem der Font <em>Computer Modern</em> hat es mir sehr angetan. Eventuell werde ich die Projektarbeit demnächst hier hochladen.</p>
|
||||
<hr>
|
||||
<h2 id="technische-spezifikationen" class="relative group">Technische Spezifikationen </h2>
|
||||
<p>Kurzer Nachtrag über meine Arbeitsweise mit <em>LaTeX</em>: Als Texteditor benutze ich <a
|
||||
href="https://code.visualstudio.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>VS Code</a>, da ich diesen super übersichtlich finde und vor allem die Erweiterungsmöglichkeiten sehr schätze. Für <em>LaTeX</em> sind dies vor allem <a
|
||||
href="https://github.com/James-Yu/LaTeX-Workshop"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX Workshop</a> und natürlich <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a> (vorinstalliert). Des Weiteren benutze ich die <a
|
||||
href="https://www.tug.org/mactex/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>MacTeX-Distribution</a>, welche ich über <a
|
||||
href="https://brew.sh"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Homebrew</a> installiert habe.</p>
|
||||
<h3 id="verwendete-pakete" class="relative group">Verwendete Pakete </h3>
|
||||
<ul>
|
||||
<li><strong>babel</strong>: Sorgt für die Unterstützung verschiedener Sprachen. Ich schreibe die Projektarbeit zwar auf Englisch, jedoch brauche ich ab und zu mal Deutsche Begriffe und damiteinhergehend Umlaute etc.</li>
|
||||
<li><strong>biblatex</strong>: Verbessertes Literaturverzeichnis, alternative zu <strong>bibtex</strong>.</li>
|
||||
<li><strong>booktabs</strong>: Verschönert und vereinfacht Tabellen in <em>LaTeX</em>.</li>
|
||||
<li><strong>chemformula</strong>: Erleichtert das Setzen von chemischen Formeln enorm und sorgt dafür, dass diese auch richtig angezeigt werden.</li>
|
||||
<li><strong>hyperref</strong>: Für Links und Metadaten.</li>
|
||||
<li><strong>longtable</strong>: Die verwendeten Materialien habe ich alle in riesigen Listen. <em>LaTeX</em> kann standardmäßig nicht besonders gut mit großen Tabellen umgehen, dieses Paket hilft dabei.</li>
|
||||
<li><strong>microtype</strong>: Lässt alles schöner aussehen, praktisch schwarze Magie.</li>
|
||||
<li><strong>siunitx</strong>: Das wahrscheinlich beste Paket überhaupt, simple aber hat Power. Sorgt für perfektes setzen von Einheiten, mit oder ohne vorangehenden Wert. Zudem enthält es eine Funktion, die Werte in Tabellen um den Dezimalpunkt anordnen kann. Ein Traum.</li>
|
||||
<li><strong>textgreek</strong>: Erleichtert das verwenden von griechischen Buchstaben im Text.</li>
|
||||
<li>Zusätzliche Pakete die ich an der Stelle nicht weiter erleutern werden: <strong>color</strong>, <strong>csquotes</strong>, <strong>fontenc</strong>, <strong>glossaries</strong>, <strong>graphicx</strong>, <strong>tikz</strong> und <strong>tocbibind</strong>.</li>
|
||||
</ul>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>What you see is what you get.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Bitcoin</title>
|
||||
<link>https://jankremer.eu/btc/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/btc/</guid>
|
||||
<description><h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
src="https://jankremer.eu/img/btc.png"
|
||||
|
||||
|
||||
alt="BTC"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="openalias" class="relative group">OpenAlias </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">btc.jankremer.eu
|
||||
</span></span></code></pre></div></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Ethereum</title>
|
||||
<link>https://jankremer.eu/eth/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/eth/</guid>
|
||||
<description><h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
src="https://jankremer.eu/img/eth.png"
|
||||
|
||||
|
||||
alt="ETH"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="coming-soon-ens" class="relative group">Coming soon: ENS </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><h2 id="opensea" class="relative group">OpenSea </h2>
|
||||
<p><a
|
||||
href="https://opensea.io/Echinacea"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Echinacea</a></p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Genesis</title>
|
||||
<link>https://jankremer.eu/blog/genesis/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/genesis/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Über das Erstellen einer Webseite.
|
||||
</div>
|
||||
|
||||
<p>Als ich vor ca. einem Jahr diese Domain kaufte, wusste ich noch nicht was ich damit anstellen will. Ich wusste nur: <strong>Ich will endlich eine eigene Webseite haben.</strong></p>
|
||||
<p>In meinen ersten Stunden Informatik in der Schule (vor über 10 Jahren) lernten wir die Grundlagen des Webdesigns mit <em>HTML</em> und <em>CSS</em>, und da ich zunächst nicht viel Zeit hatte erstellte ich genau mit diesen Tools eine kleine Startseite. Mehr schlecht als recht aber immerhin hatte ich etwas.</p>
|
||||
<p>Im März diesen Jahres hatte ich dann ein wenig Zeit mich genauer mit dem Thema zu beschäftigen und fand dabei den sogenannten <a
|
||||
href="https://jamstack.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jamstack</a>. Jamstack sind Tools zur schnellen und einfachen Aufstellen von Webseite. Dies können große Projekte sein oder wie in meinem Fall ein kleiner Blog. Zuerst probierte ich <a
|
||||
href="https://jekyllrb.com/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jekyll</a> was mir jedoch nicht so gut taugte und stieß dann auf <a
|
||||
href="https://gohugo.io/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a>. Mit einer Vielzahl an modernen Designs und einer klinderleichten Handhaben konnte ich schnell überzeugt werden.</p>
|
||||
<p>Heute weiß ich zwar immer noch nicht, was ich hiermit in Zukunft machen werde, aber ich denke es ist wichtiger den je ein Sprachrohr zu haben, das unabhängig ist von der Willkür großer Plattformen.</p>
|
||||
<p>Bis bald und viel Spaß!</p>
|
||||
<p>P.S.: Dieses wunderschöne <em>Theme</em>, das ich hier benutze, heißt <a
|
||||
href="https://git.io/hugo-congo"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Congo</a>.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Monero</title>
|
||||
<link>https://jankremer.eu/xmr/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/xmr/</guid>
|
||||
<description><h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">83ZtE7cBnsyTmBb5A79aDm637mCKWKuhGZZ3ZaQvjmpA5qwL6sejWEcKQnXF5Qd3N4XNCp4fbouTi9kUi8vNgPrfDQaEBMZ
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
srcset="https://jankremer.eu/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_330x0_resize_box_3.png 330w,/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_660x0_resize_box_3.png 660w,/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_1024x0_resize_box_3.png 1024w,/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_1320x0_resize_box_3.png 2x"
|
||||
src="https://jankremer.eu/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_660x0_resize_box_3.png"
|
||||
|
||||
|
||||
alt="XMR"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="openalias" class="relative group">OpenAlias </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">xmr.jankremer.eu
|
||||
</span></span></code></pre></div></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Über mich</title>
|
||||
<link>https://jankremer.eu/about/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/about/</guid>
|
||||
<description><p>Mein Name ist Jan Kremer. Ich bin 27 Jahre alt und studiere Pharmazie an der Uni
|
||||
Regensburg. Manchmal schreibe ich über Technik und Programme die ich benutze.</p>
|
||||
<p>Wenn ich nicht gerade lerne, mache ich gerne Sport, vor allem Joggen, Kraftsport
|
||||
und Skifahren.</p>
|
||||
<h2 id="kontakt" class="relative group">Kontakt </h2>
|
||||
<h3 id="e-mail" class="relative group">E-Mail </h3>
|
||||
<p><a
|
||||
href="mailto:mail@jankremer.eu"
|
||||
|
||||
|
||||
>mail@jankremer.eu</a></p>
|
||||
<h3 id="pgp" class="relative group">PGP </h3>
|
||||
<a
|
||||
class="inline-block !rounded-md bg-primary-600 px-4 py-1 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
|
||||
href="https://jankremer.eu/jankremer.asc"
|
||||
|
||||
download="jankremer.asc"
|
||||
role="button"
|
||||
>
|
||||
|
||||
Public key herunterladen
|
||||
|
||||
</a>
|
||||
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">20AF 0A65 9F2B 93AD 9184 15D1 A7DA 689C B3B0 78EC
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">curl -sL https://jankremer.eu/jankremer.asc <span class="p">|</span> gpg --import
|
||||
</span></span></code></pre></div><h3 id="matrix" class="relative group">Matrix </h3>
|
||||
<p><a
|
||||
href="https://matrix.to/#/@jankremer:matrix.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>@jankremer:matrix.org</a></p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
mDMEZPMs8hYJKwYBBAHaRw8BAQdAX0e5nbopqP7IfFY1pKKiMsUC35TJfjgblEkW
|
||||
MyHWP9+0HkphbiBLcmVtZXIgPG1haWxAamFua3JlbWVyLmV1PoiZBBMWCgBBFiEE
|
||||
IK8KZZ8rk62RhBXRp9ponLOweOwFAmTzLPICGwMFCQWjmoAFCwkIBwICIgIGFQoJ
|
||||
CAsCBBYCAwECHgcCF4AACgkQp9ponLOweOwldwEAkrOJkWKWD5xb1tyjxsN7xv3Z
|
||||
/+f2jfwjOpSvzSilFxABAKfg+5uwB3VkQkVLR1FQw4n8+0601q1YPMwvEgZBoBcM
|
||||
uDgEZPMs8hIKKwYBBAGXVQEFAQEHQEAe8yDKs9UQtv9R9wZSlpYcZaB8O2Bq/vF/
|
||||
cvJg7QlpAwEIB4h+BBgWCgAmFiEEIK8KZZ8rk62RhBXRp9ponLOweOwFAmTzLPIC
|
||||
GwwFCQWjmoAACgkQp9ponLOweOyAvAD9GfldBbFfo00DuPKN6vkYUlPWvR4Et9Lx
|
||||
GLzhh3dPeVEBAI400aRQCqSNtr40aRiuPDZWOXFfVa6lCfYpiXAE4eYF
|
||||
=A2Jw
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
|
|
@ -0,0 +1 @@
|
|||
const sitePreference=document.documentElement.getAttribute("data-default-appearance"),userPreference=localStorage.getItem("appearance");function getCSSValue(e){var t=window.getComputedStyle(document.documentElement).getPropertyValue(e);return"rgb("+t.replace(/\s+/g,"")+")"}function setThemeColor(){var e=document.querySelector("meta[name=theme-color]");return document.documentElement.classList.contains("dark")?e.setAttribute("content",getCSSValue("--color-neutral-800")):e.setAttribute("content",getCSSValue("--color-neutral")),!0}(sitePreference==="dark"&&userPreference===null||userPreference==="dark")&&(document.documentElement.classList.add("dark"),setThemeColor()),document.documentElement.getAttribute("data-auto-appearance")==="true"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&userPreference!=="light"&&(document.documentElement.classList.add("dark"),setThemeColor()),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e=>{e.matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),setThemeColor()})),window.addEventListener("DOMContentLoaded",e=>{var t=document.querySelectorAll("[id^='appearance-switcher']");t.forEach(e=>{e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),setThemeColor(),localStorage.setItem("appearance",document.documentElement.classList.contains("dark")?"dark":"light")}),e.addEventListener("contextmenu",e=>{e.preventDefault(),localStorage.removeItem("appearance")})})})
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
|
|
@ -0,0 +1,703 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Stop using 𝕏. · Jan Kremer</title>
|
||||
<meta name="title" content="Stop using 𝕏. · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Microblog RIP Twitter" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/micro/delete/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Stop using 𝕏." />
|
||||
<meta property="og:description" content="Microblog RIP Twitter" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/micro/delete/" /><meta property="article:section" content="micro" />
|
||||
<meta property="article:published_time" content="2023-07-22T15:57:59+02:00" />
|
||||
<meta property="article:modified_time" content="2023-07-25T12:44:13+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Stop using 𝕏."/>
|
||||
<meta name="twitter:description" content="Microblog RIP Twitter"/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Microblog",
|
||||
"name": "Stop using 𝕏.",
|
||||
"headline": "Stop using 𝕏.",
|
||||
|
||||
"abstract": "Microblog RIP Twitter",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/micro\/delete\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-07-22T15:57:59\u002b02:00",
|
||||
"datePublished": "2023-07-22T15:57:59\u002b02:00",
|
||||
|
||||
"dateModified": "2023-07-25T12:44:13\u002b02:00",
|
||||
|
||||
"keywords": ["micro"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "3"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/micro/"
|
||||
>Microblog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/micro/delete/"
|
||||
>Stop using 𝕏.</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Stop using 𝕏.
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-22 15:57:59 +0200 CEST">2023-07-22</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-25 12:44:13.984385352 +0200 CEST">Aktualisiert: 2023-07-25</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/micro/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>micro</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<span class="flex">
|
||||
<span
|
||||
class="ms-1 rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"
|
||||
>
|
||||
|
||||
Microblog
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
<p>RIP
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
|
||||
|
||||
</span>
|
||||
|
||||
Twitter</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
<a class="group flex" href="/micro/reader/">
|
||||
<span
|
||||
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">←</span
|
||||
><span class="ltr:hidden rtl:inline">→</span></span
|
||||
>
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>Reader mode is the antidote to bad website design.</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-07-19 10:14:44 +0200 CEST">2023-07-19</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,680 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Microblog · Jan Kremer</title>
|
||||
<meta name="title" content="Microblog · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/micro/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/micro/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Microblog" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/micro/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Microblog"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/micro/"
|
||||
>Microblog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Microblog</h1>
|
||||
</header>
|
||||
<section
|
||||
class="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
|
||||
>
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/micro/delete/"
|
||||
>Stop using 𝕏.</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-22 15:57:59 +0200 CEST">2023-07-22</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-25 12:44:13.984385352 +0200 CEST">Aktualisiert: 2023-07-25</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Microblog RIP Twitter
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/micro/reader/"
|
||||
>Reader mode is the antidote to bad website design.</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-19 10:14:44 +0200 CEST">2023-07-19</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-25 12:44:47.38520627 +0200 CEST">Aktualisiert: 2023-07-25</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Microblog
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<?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>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright><atom:link href="https://jankremer.eu/micro/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Stop using 𝕏.</title>
|
||||
<link>https://jankremer.eu/micro/delete/</link>
|
||||
<pubDate>2023-07-22 15:57</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/micro/delete/</guid>
|
||||
<description><span class="flex">
|
||||
<span
|
||||
class="ms-1 rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"
|
||||
>
|
||||
|
||||
Microblog
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
<p>RIP
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
|
||||
|
||||
</span>
|
||||
|
||||
Twitter</p>
|
||||
</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><span class="flex">
|
||||
<span
|
||||
class="ms-1 rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"
|
||||
>
|
||||
|
||||
Microblog
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/micro/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/micro/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/micro/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,695 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Reader mode is the antidote to bad website design. · Jan Kremer</title>
|
||||
<meta name="title" content="Reader mode is the antidote to bad website design. · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Reader mode is the antidote to bad website design." />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/micro/reader/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Reader mode is the antidote to bad website design." />
|
||||
<meta property="og:description" content="Reader mode is the antidote to bad website design." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://jankremer.eu/micro/reader/" /><meta property="article:section" content="micro" />
|
||||
<meta property="article:published_time" content="2023-07-19T10:14:44+02:00" />
|
||||
<meta property="article:modified_time" content="2023-07-25T12:44:47+02:00" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Reader mode is the antidote to bad website design."/>
|
||||
<meta name="twitter:description" content="Reader mode is the antidote to bad website design."/>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"articleSection": "Microblog",
|
||||
"name": "Reader mode is the antidote to bad website design.",
|
||||
"headline": "Reader mode is the antidote to bad website design.",
|
||||
"description": "Reader mode is the antidote to bad website design.",
|
||||
"abstract": " Microblog ",
|
||||
"inLanguage": "de",
|
||||
"url" : "https:\/\/jankremer.eu\/micro\/reader\/",
|
||||
"author" : {
|
||||
"@type": "Person",
|
||||
"name": "Jan Kremer"
|
||||
},
|
||||
"copyrightYear": "2023",
|
||||
"dateCreated": "2023-07-19T10:14:44\u002b02:00",
|
||||
"datePublished": "2023-07-19T10:14:44\u002b02:00",
|
||||
|
||||
"dateModified": "2023-07-25T12:44:47\u002b02:00",
|
||||
|
||||
"keywords": ["micro"],
|
||||
|
||||
"mainEntityOfPage": "true",
|
||||
"wordCount": "1"
|
||||
}]
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<article>
|
||||
<header class="max-w-prose">
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/micro/"
|
||||
>Microblog</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/micro/reader/"
|
||||
>Reader mode is the antidote to bad website design.</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
||||
Reader mode is the antidote to bad website design.
|
||||
</h1>
|
||||
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-19 10:14:44 +0200 CEST">2023-07-19</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-25 12:44:47.38520627 +0200 CEST">Aktualisiert: 2023-07-25</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/tags/micro/"
|
||||
class="rounded-md border border-neutral-200 px-1 py-[1px] hover:border-primary-300 hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
|
||||
>micro</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
||||
|
||||
<div class="min-w-0 min-h-0 max-w-prose grow">
|
||||
<span class="flex">
|
||||
<span
|
||||
class="ms-1 rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"
|
||||
>
|
||||
|
||||
Microblog
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="pt-8 max-w-prose print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pt-8">
|
||||
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
|
||||
<div class="flex justify-between pt-3">
|
||||
<span>
|
||||
|
||||
</span>
|
||||
<span>
|
||||
|
||||
<a class="group flex text-right" href="/micro/delete/">
|
||||
<span class="flex flex-col">
|
||||
<span
|
||||
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
|
||||
>Stop using 𝕏.</span
|
||||
>
|
||||
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
<time datetime="2023-07-22 15:57:59 +0200 CEST">2023-07-22</time>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
|
||||
><span class="ltr:inline rtl:hidden">→</span
|
||||
><span class="ltr:hidden rtl:inline">←</span></span
|
||||
>
|
||||
</a>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 550 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/">
|
||||
</head>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 282 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
|
|
@ -0,0 +1,15 @@
|
|||
|
||||
|
||||
█▀▀▀▀▀█ ▄ █ █ █▀▀▀▀▀█
|
||||
█ ███ █ ▀ ▀▀▄ █ ███ █
|
||||
█ ▀▀▀ █ ███▀▀ █ ▀▀▀ █
|
||||
▀▀▀▀▀▀▀ █ ▀ ▀ ▀▀▀▀▀▀▀
|
||||
▀█▄█▄ ▀█▄ ▀█▀ ▀██▄▀█▄
|
||||
███▄▄▀▀▀▄ ▀▀▄ █▀ █▀▄▀
|
||||
▀▀▀▀ ▀▀▄▀ █ ▀ █ ▄ ▄
|
||||
█▀▀▀▀▀█ ▀██▀▀▄▀▀▀▀ █
|
||||
█ ███ █ ▄▄▄██▀ █▄ ▄▄▄
|
||||
█ ▀▀▀ █ ▄▀ ▀▀▄ █▀▀ ▀
|
||||
▀▀▀▀▀▀▀ ▀ ▀ ▀ ▀ ▀
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
User-agent: *
|
||||
Allow: /
|
||||
Sitemap: https://jankremer.eu/sitemap.xml
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M1760 4720 l0 -80 -160 0 -160 0 0 -80 0 -80 -80 0 -80 0 0 -80 0
|
||||
-80 -80 0 -80 0 0 -160 0 -160 -80 0 -80 0 0 -320 0 -320 80 0 80 0 0 -320 0
|
||||
-320 80 0 80 0 0 -880 0 -880 -160 0 -160 0 0 -80 0 -80 -80 0 -80 0 0 -400 0
|
||||
-400 80 0 80 0 0 400 0 400 240 0 240 0 0 -80 0 -80 80 0 80 0 0 -80 0 -80 80
|
||||
0 80 0 0 -240 0 -240 80 0 80 0 0 240 0 240 80 0 80 0 0 80 0 80 80 0 80 0 0
|
||||
80 0 80 240 0 240 0 0 -400 0 -400 80 0 80 0 0 400 0 400 -80 0 -80 0 0 80 0
|
||||
80 -160 0 -160 0 0 80 0 80 480 0 480 0 0 80 0 80 80 0 80 0 0 80 0 80 80 0
|
||||
80 0 0 80 0 80 80 0 80 0 0 560 0 560 80 0 80 0 0 320 0 320 -80 0 -80 0 0
|
||||
160 0 160 80 0 80 0 0 80 0 80 80 0 80 0 0 160 0 160 -80 0 -80 0 0 160 0 160
|
||||
-80 0 -80 0 0 80 0 80 -160 0 -160 0 0 80 0 80 -640 0 -640 0 0 -80 0 -80 -80
|
||||
0 -80 0 0 80 0 80 -160 0 -160 0 0 -80z m800 -960 l0 -80 560 0 560 0 0 -80 0
|
||||
-80 -1040 0 -1040 0 0 80 0 80 240 0 240 0 0 80 0 80 240 0 240 0 0 -80z
|
||||
m1280 -720 l0 -320 -80 0 -80 0 0 -80 0 -80 -320 0 -320 0 0 -80 0 -80 320 0
|
||||
320 0 0 -400 0 -400 -80 0 -80 0 0 -80 0 -80 -80 0 -80 0 0 -80 0 -80 -560 0
|
||||
-560 0 0 -240 0 -240 -80 0 -80 0 0 -80 0 -80 -80 0 -80 0 0 -80 0 -80 -80 0
|
||||
-80 0 0 80 0 80 -80 0 -80 0 0 80 0 80 -80 0 -80 0 0 960 0 960 80 0 80 0 0
|
||||
320 0 320 1120 0 1120 0 0 -320z m-2400 0 l0 -160 -80 0 -80 0 0 160 0 160 80
|
||||
0 80 0 0 -160z"/>
|
||||
<path d="M2720 2800 l0 -80 -80 0 -80 0 0 -80 0 -80 -400 0 -400 0 0 80 0 80
|
||||
-80 0 -80 0 0 -80 0 -80 80 0 80 0 0 -80 0 -80 400 0 400 0 0 80 0 80 80 0 80
|
||||
0 0 80 0 80 80 0 80 0 0 -80 0 -80 80 0 80 0 0 80 0 80 -80 0 -80 0 0 80 0 80
|
||||
-80 0 -80 0 0 -80z"/>
|
||||
<path d="M2400 1840 l0 -80 320 0 320 0 0 80 0 80 -320 0 -320 0 0 -80z"/>
|
||||
<path d="M2240 240 l0 -80 160 0 160 0 0 80 0 80 -160 0 -160 0 0 -80z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -0,0 +1 @@
|
|||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
|
|
@ -0,0 +1,141 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/blog/rss/</loc>
|
||||
<lastmod>2023-09-01T21:20:40+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/blog/hosting/</loc>
|
||||
<lastmod>2023-08-31T19:36:36+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/micro/delete/</loc>
|
||||
<lastmod>2023-07-25T12:44:13+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/fotos/evening-cloud/</loc>
|
||||
<lastmod>2023-07-19T16:30:15+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/micro/reader/</loc>
|
||||
<lastmod>2023-07-25T12:44:47+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/blog/git/</loc>
|
||||
<lastmod>2023-04-28T22:58:22+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/blog/latex/</loc>
|
||||
<lastmod>2023-04-11T10:37:09+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/btc/</loc>
|
||||
<lastmod>2023-03-30T09:41:14+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/blog/</loc>
|
||||
<lastmod>2023-02-14T18:03:38+01:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/eth/</loc>
|
||||
<lastmod>2023-03-30T09:42:00+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/blog/genesis/</loc>
|
||||
<lastmod>2023-07-19T17:15:28+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/xmr/</loc>
|
||||
<lastmod>2023-03-30T09:42:56+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/about/</loc>
|
||||
<lastmod>2023-09-02T14:53:14+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/</loc>
|
||||
<lastmod>2023-02-14T18:03:38+01:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/fotos/</loc>
|
||||
<lastmod>2023-07-19T11:09:15+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
|
||||
<url>
|
||||
<loc>https://jankremer.eu/micro/</loc>
|
||||
<lastmod>2023-07-19T10:32:43+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
|
||||
</urlset>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
|
|
@ -0,0 +1,719 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>crypto · Jan Kremer</title>
|
||||
<meta name="title" content="crypto · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/crypto/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/crypto/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="crypto" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/crypto/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="crypto"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/crypto/"
|
||||
>crypto</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">crypto</h1>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2022
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/xmr/"
|
||||
>Monero</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/eth/"
|
||||
>Ethereum</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/btc/"
|
||||
>Bitcoin</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,147 @@
|
|||
<?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>crypto on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/tags/crypto/</link>
|
||||
<description>Recent content in crypto on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2022-12-10 00:00</lastBuildDate><atom:link href="https://jankremer.eu/tags/crypto/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Bitcoin</title>
|
||||
<link>https://jankremer.eu/btc/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/btc/</guid>
|
||||
<description><h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">bc1qf8qjt4gut2la8k4v3emfv7wrj6f3pfcjrj3slplnwrldkz7hqmaqaju7ym
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
src="https://jankremer.eu/img/btc.png"
|
||||
|
||||
|
||||
alt="BTC"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="openalias" class="relative group">OpenAlias </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">btc.jankremer.eu
|
||||
</span></span></code></pre></div></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Ethereum</title>
|
||||
<link>https://jankremer.eu/eth/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/eth/</guid>
|
||||
<description><h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">0xc4cBDf9f57cb0229d19d885D5E4033a6223EDef7
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
src="https://jankremer.eu/img/eth.png"
|
||||
|
||||
|
||||
alt="ETH"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="coming-soon-ens" class="relative group">Coming soon: ENS </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><h2 id="opensea" class="relative group">OpenSea </h2>
|
||||
<p><a
|
||||
href="https://opensea.io/Echinacea"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Echinacea</a></p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Monero</title>
|
||||
<link>https://jankremer.eu/xmr/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/xmr/</guid>
|
||||
<description><h2 id="address" class="relative group">Address </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">83ZtE7cBnsyTmBb5A79aDm637mCKWKuhGZZ3ZaQvjmpA5qwL6sejWEcKQnXF5Qd3N4XNCp4fbouTi9kUi8vNgPrfDQaEBMZ
|
||||
</span></span></code></pre></div><h2 id="qr" class="relative group">QR </h2>
|
||||
<p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
srcset="https://jankremer.eu/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_330x0_resize_box_3.png 330w,/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_660x0_resize_box_3.png 660w,/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_1024x0_resize_box_3.png 1024w,/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_1320x0_resize_box_3.png 2x"
|
||||
src="https://jankremer.eu/img/xmr_hu7047ea1340f495fc8bba7872bb29dd03_1065_660x0_resize_box_3.png"
|
||||
|
||||
|
||||
alt="XMR"
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<h2 id="openalias" class="relative group">OpenAlias </h2>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">jankremer.eu
|
||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-txt" data-lang="txt"><span class="line"><span class="cl">xmr.jankremer.eu
|
||||
</span></span></code></pre></div></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/tags/crypto/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/crypto/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/tags/crypto/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,639 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>fotos · Jan Kremer</title>
|
||||
<meta name="title" content="fotos · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/fotos/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/fotos/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="fotos" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/fotos/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="fotos"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/fotos/"
|
||||
>fotos</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">fotos</h1>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div class="flex-none pe-4 sm:pe-6 ">
|
||||
<a
|
||||
href="
|
||||
/fotos/evening-cloud/
|
||||
"
|
||||
aria-label="Evening Cloud"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
|
||||
class="w-24 rounded-md sm:w-40" srcset="/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_160x120_fill_q75_h2_box_smart1_2.webp
|
||||
160w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_320x240_fill_q75_h2_box_smart1_2.webp 2x"
|
||||
src="/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_160x120_fill_q75_h2_box_smart1_2.webp"
|
||||
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/fotos/evening-cloud/"
|
||||
>Evening Cloud</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-19 10:48:33 +0200 CEST">2023-07-19</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Evening cloud over Regensburg.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<?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>fotos on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/tags/fotos/</link>
|
||||
<description>Recent content in fotos on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2023-07-19 10:48</lastBuildDate><atom:link href="https://jankremer.eu/tags/fotos/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Evening Cloud</title>
|
||||
<link>https://jankremer.eu/fotos/evening-cloud/</link>
|
||||
<pubDate>2023-07-19 10:48</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/fotos/evening-cloud/</guid>
|
||||
<description><p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<figure>
|
||||
<img
|
||||
class="mx-auto my-0 rounded-md"
|
||||
|
||||
|
||||
srcset="https://jankremer.eu/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_330x0_resize_q75_h2_box_2.webp 330w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp 660w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1024x0_resize_q75_h2_box_2.webp 1024w,/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_1320x0_resize_q75_h2_box_2.webp 2x"
|
||||
src="https://jankremer.eu/fotos/evening-cloud/evening-cloud_hucd83e788f4f4c6c498abc5991d04ba89_310616_660x0_resize_q75_h2_box_2.webp"
|
||||
|
||||
|
||||
alt="Evening cloud over Regensburg."
|
||||
|
||||
loading="lazy"
|
||||
|
||||
/>
|
||||
|
||||
</figure>
|
||||
|
||||
|
||||
</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Evening cloud over Regensburg.
|
||||
</div>
|
||||
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/tags/fotos/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/fotos/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/tags/fotos/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,685 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>git · Jan Kremer</title>
|
||||
<meta name="title" content="git · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/git/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/git/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="git" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/git/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="git"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/git/"
|
||||
>git</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">git</h1>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/git/"
|
||||
>git</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-03-22 16:47:15 +0100 CET">2023-03-22</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-28 22:58:22.18611451 +0200 CEST">Aktualisiert: 2023-04-28</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Warum jeder git lernen sollte.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/latex/"
|
||||
>LaTeX</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-01-12 15:35:23 +0100 CET">2023-01-12</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-11 10:37:09.174166494 +0200 CEST">Aktualisiert: 2023-04-11</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,167 @@
|
|||
<?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>git on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/tags/git/</link>
|
||||
<description>Recent content in git on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2023-03-22 16:47</lastBuildDate><atom:link href="https://jankremer.eu/tags/git/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>git</title>
|
||||
<link>https://jankremer.eu/blog/git/</link>
|
||||
<pubDate>2023-03-22 16:47</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/git/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Warum jeder <em>git</em> lernen sollte.
|
||||
</div>
|
||||
|
||||
<p>Ursprünglich sollte es in diesem Post um <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a>, jedoch ist mir bei Brainstorming aufgefallen, dass das Thema eigentlich deutlich umfangreicher sein sollte.</p>
|
||||
<p>Meine Reise begann, als ich beschloss, diesen Blog zu starten.
|
||||
Da ich bis dahin Webseiten nur in reinem HTML und CSS geschrieben hatte, versuchte ich es zunächst damit.
|
||||
Schnell stellten sich dabei aber mehrere Probleme heraus:</p>
|
||||
<ol>
|
||||
<li>Ich bin nicht gut in CSS.</li>
|
||||
<li>Einen RSS-Feed von Hand zu erstellen ist umständlich und nicht sinnvoll.</li>
|
||||
<li>Mehrere Seiten mit einheitlichem Design in HTML zu schreiben ist kompliziert.</li>
|
||||
<li>Ich mag die HTML Syntax nicht.</li>
|
||||
</ol>
|
||||
<p>Ich war überzeugt, dass ich eine bessere Lösung dafür brauche.
|
||||
Nach kurzer und intensiver Recherche fand ich heraus, dass die Lösung meine Problems <em>&ldquo;static site generator&rdquo;</em> heißt.
|
||||
Darüber hatte ich bereits <a
|
||||
href="https://jankremer.eu/blog/genesis"
|
||||
|
||||
|
||||
>hier</a> geschrieben.</p>
|
||||
<p>Im Zuge dessen lernte ich auch <em>git</em> kennen.
|
||||
Ich hatte zwar schon früher von <em>git</em> gehört, bis dato aber nur zum herunterladen von Software benutzt.
|
||||
Und damit sind wir schon im Kern meines Problems gelandet:</p>
|
||||
<div class="lead !mb-9 text-xl">
|
||||
Warum kannte ich <em>git</em> nicht?
|
||||
</div>
|
||||
|
||||
<p>Meine ersten Erfahrungen mit dem Programmieren machte ich damals in der Schule, angefangen mit HTML und CSS, später mit Python und Java.
|
||||
Aber ohne <em>git</em>.
|
||||
An der Uni (4 Semester Wirtschaftsinformatik) ging es dann weiter mit Java, aber weiterhin ohne <em>git</em>.</p>
|
||||
<p>Erst beim erstellen dieses Blogs kam ich auf die Idee mich mal ein wenig mit <a
|
||||
href="https://de.wikipedia.org/wiki/Versionsverwaltung"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Versionsverwaltung</a> auseinander zu setzen.
|
||||
Und seitdem bin ich verliebt.</p>
|
||||
<p>Inzwischen denke ich, dass jeder von <em>git</em> profitieren könnte.
|
||||
Das einfache Zurückspringen zu früheren Versionen, falls mal was kaputt geht, oder das Auslagern und Zusammenführen von <em>Branches</em> sind einfach großartig.
|
||||
Zudem ermutigt wird man ermutigt, an logisch sinnvollen Stellen zu <em>commiten</em> und somit den bisherigen Stand zu speichern.</p>
|
||||
<p>Es wäre meiner Meinung nach auch sinnvoll, Texte, wie zum Beispiel Projektarbeiten, nicht in <em>Microsoft Word</em> zu verfassen sondern besser in Textdokumenten und diese dann mit <em>git</em> zu verwalten und zusammenzufügen (merge).
|
||||
Diese könnten dann ganz leicht in <a
|
||||
href="https://jankremer.eu/blog/latex"
|
||||
|
||||
|
||||
>LaTeX-Dokumente</a> umgewandelt werden oder auch in <em>Word</em> formatiert werden.
|
||||
Darüber hinaus würde dies den Autoren die Möglichkeit geben, einen Texteditor der Wahl zu nutzen.
|
||||
Gerade auf älteren Maschinen, wie meinem <em>MacBook Pro</em> von 2015 braucht <em>Word</em> inzwischen einiges an Ressourcen.
|
||||
Dies könnte aber auch damit zusammen hängen, dass <em>Word</em> auf meinem Computer stolze 2.3 GB schwer ist.
|
||||
Zum Vergleich: Das <strong>gesamte</strong> <em>LibreOffice</em> braucht keine 800 MB.</p>
|
||||
<p>Ich verstehe auch, dass nicht jeder auf der Kommandozeile zu Hause ist, jedoch gibt es ja auch Tools wie GitHub oder Programme mit grafischer Oberfläche, es sollte also für jeden was dabei sein.</p>
|
||||
<p>Ich kratze hier gerade mal an der Oberfläche der Möglichkeiten, das meiste ist mir selbst noch nicht bekannt.
|
||||
Ich kann nur jedem, der <em>git</em> noch nicht nutzt es nur wärmstens empfehlen, es mal auszuprobieren.
|
||||
Schaden kann es nicht!</p>
|
||||
<p>P.S.: Ja ich weiß, <em>git</em> ist kein Geheimtipp.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>LaTeX</title>
|
||||
<link>https://jankremer.eu/blog/latex/</link>
|
||||
<pubDate>2023-01-12 15:35</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/latex/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
<p>Im Rahmen meines Wahlpflichtpraktums schreibe ich aktuell an meiner zweiten größeren Projektarbeit. Die einzige andere Projektarbeit war bisher die für das Praktikum Pharmazeutische Technologie, welche, Stand jetzt, noch nicht vollständig abgeschlossen ist.</p>
|
||||
<p>Für diese Arbeit entschieden wir uns jedoch für <em>Microsoft Word</em>. Also im Grunde wurde uns diese Entscheidung fast abgenommen, da die Universität Regensburg uns das <em>Office 365</em> zur Verfügung stellt und es damit auch bei uns Studenten den De-Facto-Standard darstellt. Zudem erleichtert es das Arbeiten im Team doch sehr.</p>
|
||||
<p>Formatierungen sind jedoch immer ein Kampf. Daher wollte ich versuchen, <a
|
||||
href="https://www.latex-project.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX</a> für diese Arbeit einzusetzen. Ich kannte <em>LaTeX</em> vor allem aus mathematischen Kursen an der Uni und hatte schon oft gehört, dass es Setzen (von <a
|
||||
href="https://de.wikipedia.org/wiki/Satz_%28Druck%29"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Satz</a>) deutlich vereinfachen soll. Aber nicht nur das Schreiben mathematischer Arbeiten macht es deutlich angenehmer, durch das einbinden einiger zusätzlicher Pakete werden wissenschaftliche Texte zum Kinderspiel.</p>
|
||||
<h2 id="über-latex" class="relative group">Über LaTeX </h2>
|
||||
<blockquote>
|
||||
<p><strong>LaTeX</strong> [ˈlaːtɛç] ist ein Softwarepaket, das die Benutzung des Textsatzsystems TeX mit Hilfe von Makros vereinfacht. <em>LaTeX</em> wurde Anfang der 1980er Jahre von <em>Leslie Lamport</em> entwickelt.Der Name bedeutet so viel wie <em>Lamport TeX</em>. Die Entwicklung wurde seit den 1990er Jahren von einer Anzahl Entwicklern weitergeführt. Heute ist <em>LaTeX</em> die populärste Methode, <em>TeX</em> zu verwenden.</p>
|
||||
</blockquote>
|
||||
<p>— <cite><a
|
||||
href="https://de.wikipedia.org/wiki/LaTeX"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Wikipedia: LaTeX</a></cite></p>
|
||||
<p><em>LaTeX</em> funktioniert ähnlich wie <em>HTML</em> oder <em>Markdown</em>: Zunächst wird die Formatierung von Text getrennt. Bei WYSIWYG<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>-Textverarbeitungsprogrammen wie <em>Word</em> sieht man direkt, wie das gedruckte Dokument hinterher aussehen wird. Das macht es für viele Nutzer einfacher, zwingt sie aber auch dazu, sich direkt und unmittelbar mit der Formatierung zu beschäftigen. <em>LaTeX</em> trennt dies zunächst, gibt aber dennoch eine übersichtliche Struktur vor. Zudem sind die Standard Formatvorlagen deutlich schlichter und zumindest für mich wesentlich ansprechender als die von <em>Word</em> (Warum ist alles blau und wieso <em>Calibri</em>?!). Ja, die Voreinstellungen von <em>Word</em> lassen sich überschreiben, aber das muss man auch erstmal machen.</p>
|
||||
<p>Funktionen wie ein Inhalts- oder Literaturvrezeichnis lassen sich in <em>Word</em> zwar auch realisieren, sind in <em>LaTeX</em> wesentlich simpler. Zudem lässt sich <em>LaTeX</em> durch Pakete nahezu unendlich erweitern und deckt dadruch auch jeden noch so speziellen Fall ab.</p>
|
||||
<p>Ein weiterer Punkt, warum ich <em>LaTeX</em> bevorzuge ist, dass ich jeden Texteditor benutzen kann. Ich nutze am liebsten <em>VS Code</em>, aber natürlich kann jeder beliebige Editor verwendet werden.</p>
|
||||
<p>Das einzige, was mit <em>Word</em> sicher einfacher wäre ist das einbinden und beschriften von Grafiken. Da ich einige davor in meine Projektarbeit verwende, brauchte ich hierfür eine Lösung. Diese habe ich mit <a
|
||||
href="https://inkscape.org/de/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Inkscape</a> gefunden. Hiermir lassen sich Bilder bearbeiten und beschriften und anschließend als <em>LaTeX</em>-Dokument speichern. Diese lassen sich dann ganz einfach einbinden.</p>
|
||||
<h2 id="fazit" class="relative group">Fazit </h2>
|
||||
<p>Für wen <em>Word</em> und ähnliches schon immer eine Qual war oder wer Vorerfahrung mit Texteditoren und Skriptsprachen hat, dem kann ich <em>LaTeX</em> nur ans Herz legen. Ganz einfach lassen sich wunderschöne Dokumente herzaubern. Vor allem der Font <em>Computer Modern</em> hat es mir sehr angetan. Eventuell werde ich die Projektarbeit demnächst hier hochladen.</p>
|
||||
<hr>
|
||||
<h2 id="technische-spezifikationen" class="relative group">Technische Spezifikationen </h2>
|
||||
<p>Kurzer Nachtrag über meine Arbeitsweise mit <em>LaTeX</em>: Als Texteditor benutze ich <a
|
||||
href="https://code.visualstudio.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>VS Code</a>, da ich diesen super übersichtlich finde und vor allem die Erweiterungsmöglichkeiten sehr schätze. Für <em>LaTeX</em> sind dies vor allem <a
|
||||
href="https://github.com/James-Yu/LaTeX-Workshop"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX Workshop</a> und natürlich <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a> (vorinstalliert). Des Weiteren benutze ich die <a
|
||||
href="https://www.tug.org/mactex/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>MacTeX-Distribution</a>, welche ich über <a
|
||||
href="https://brew.sh"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Homebrew</a> installiert habe.</p>
|
||||
<h3 id="verwendete-pakete" class="relative group">Verwendete Pakete </h3>
|
||||
<ul>
|
||||
<li><strong>babel</strong>: Sorgt für die Unterstützung verschiedener Sprachen. Ich schreibe die Projektarbeit zwar auf Englisch, jedoch brauche ich ab und zu mal Deutsche Begriffe und damiteinhergehend Umlaute etc.</li>
|
||||
<li><strong>biblatex</strong>: Verbessertes Literaturverzeichnis, alternative zu <strong>bibtex</strong>.</li>
|
||||
<li><strong>booktabs</strong>: Verschönert und vereinfacht Tabellen in <em>LaTeX</em>.</li>
|
||||
<li><strong>chemformula</strong>: Erleichtert das Setzen von chemischen Formeln enorm und sorgt dafür, dass diese auch richtig angezeigt werden.</li>
|
||||
<li><strong>hyperref</strong>: Für Links und Metadaten.</li>
|
||||
<li><strong>longtable</strong>: Die verwendeten Materialien habe ich alle in riesigen Listen. <em>LaTeX</em> kann standardmäßig nicht besonders gut mit großen Tabellen umgehen, dieses Paket hilft dabei.</li>
|
||||
<li><strong>microtype</strong>: Lässt alles schöner aussehen, praktisch schwarze Magie.</li>
|
||||
<li><strong>siunitx</strong>: Das wahrscheinlich beste Paket überhaupt, simple aber hat Power. Sorgt für perfektes setzen von Einheiten, mit oder ohne vorangehenden Wert. Zudem enthält es eine Funktion, die Werte in Tabellen um den Dezimalpunkt anordnen kann. Ein Traum.</li>
|
||||
<li><strong>textgreek</strong>: Erleichtert das verwenden von griechischen Buchstaben im Text.</li>
|
||||
<li>Zusätzliche Pakete die ich an der Stelle nicht weiter erleutern werden: <strong>color</strong>, <strong>csquotes</strong>, <strong>fontenc</strong>, <strong>glossaries</strong>, <strong>graphicx</strong>, <strong>tikz</strong> und <strong>tocbibind</strong>.</li>
|
||||
</ul>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>What you see is what you get.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/tags/git/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/git/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/tags/git/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,692 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>Tags · Jan Kremer</title>
|
||||
<meta name="title" content="Tags · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Tags" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Tags"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Tags</h1>
|
||||
</header>
|
||||
|
||||
<section class="flex flex-wrap -mx-2 overflow-hidden">
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/crypto/"
|
||||
>crypto</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
3
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/fotos/"
|
||||
>fotos</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
1
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/git/"
|
||||
>git</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
2
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/latex/"
|
||||
>latex</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
1
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/meta/"
|
||||
>meta</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
3
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/micro/"
|
||||
>micro</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
2
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/money/"
|
||||
>money</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
1
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/regensburg/"
|
||||
>regensburg</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
1
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/rss/"
|
||||
>rss</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
1
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
|
||||
<h2 class="flex items-center">
|
||||
<a
|
||||
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
|
||||
href="/tags/uni/"
|
||||
>uni</a
|
||||
>
|
||||
|
||||
<span class="px-2 text-base text-primary-500">·</span>
|
||||
<span class="text-base text-neutral-400">
|
||||
1
|
||||
</span>
|
||||
|
||||
</h2>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
<?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>Tags on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/tags/</link>
|
||||
<description>Recent content in Tags on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2023-09-01 00:00</lastBuildDate><atom:link href="https://jankremer.eu/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>meta</title>
|
||||
<link>https://jankremer.eu/tags/meta/</link>
|
||||
<pubDate>2023-09-01 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/meta/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>rss</title>
|
||||
<link>https://jankremer.eu/tags/rss/</link>
|
||||
<pubDate>2023-09-01 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/rss/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>money</title>
|
||||
<link>https://jankremer.eu/tags/money/</link>
|
||||
<pubDate>2023-08-27 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/money/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>micro</title>
|
||||
<link>https://jankremer.eu/tags/micro/</link>
|
||||
<pubDate>2023-07-22 15:57</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/micro/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>fotos</title>
|
||||
<link>https://jankremer.eu/tags/fotos/</link>
|
||||
<pubDate>2023-07-19 10:48</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/fotos/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>regensburg</title>
|
||||
<link>https://jankremer.eu/tags/regensburg/</link>
|
||||
<pubDate>2023-07-19 10:48</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/regensburg/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>git</title>
|
||||
<link>https://jankremer.eu/tags/git/</link>
|
||||
<pubDate>2023-03-22 16:47</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/git/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>latex</title>
|
||||
<link>https://jankremer.eu/tags/latex/</link>
|
||||
<pubDate>2023-01-12 15:35</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/latex/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>uni</title>
|
||||
<link>https://jankremer.eu/tags/uni/</link>
|
||||
<pubDate>2023-01-12 15:35</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/uni/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>crypto</title>
|
||||
<link>https://jankremer.eu/tags/crypto/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/tags/crypto/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,621 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>latex · Jan Kremer</title>
|
||||
<meta name="title" content="latex · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/latex/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/latex/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="latex" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/latex/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="latex"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/latex/"
|
||||
>latex</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">latex</h1>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/latex/"
|
||||
>LaTeX</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-01-12 15:35:23 +0100 CET">2023-01-12</time><span class="px-2 text-primary-500">·</span><time datetime="2023-04-11 10:37:09.174166494 +0200 CEST">Aktualisiert: 2023-04-11</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
<?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>latex on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/tags/latex/</link>
|
||||
<description>Recent content in latex on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2023-01-12 15:35</lastBuildDate><atom:link href="https://jankremer.eu/tags/latex/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>LaTeX</title>
|
||||
<link>https://jankremer.eu/blog/latex/</link>
|
||||
<pubDate>2023-01-12 15:35</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/latex/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Wie ich Word durch LaTeX ersetzte.
|
||||
</div>
|
||||
|
||||
<p>Im Rahmen meines Wahlpflichtpraktums schreibe ich aktuell an meiner zweiten größeren Projektarbeit. Die einzige andere Projektarbeit war bisher die für das Praktikum Pharmazeutische Technologie, welche, Stand jetzt, noch nicht vollständig abgeschlossen ist.</p>
|
||||
<p>Für diese Arbeit entschieden wir uns jedoch für <em>Microsoft Word</em>. Also im Grunde wurde uns diese Entscheidung fast abgenommen, da die Universität Regensburg uns das <em>Office 365</em> zur Verfügung stellt und es damit auch bei uns Studenten den De-Facto-Standard darstellt. Zudem erleichtert es das Arbeiten im Team doch sehr.</p>
|
||||
<p>Formatierungen sind jedoch immer ein Kampf. Daher wollte ich versuchen, <a
|
||||
href="https://www.latex-project.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX</a> für diese Arbeit einzusetzen. Ich kannte <em>LaTeX</em> vor allem aus mathematischen Kursen an der Uni und hatte schon oft gehört, dass es Setzen (von <a
|
||||
href="https://de.wikipedia.org/wiki/Satz_%28Druck%29"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Satz</a>) deutlich vereinfachen soll. Aber nicht nur das Schreiben mathematischer Arbeiten macht es deutlich angenehmer, durch das einbinden einiger zusätzlicher Pakete werden wissenschaftliche Texte zum Kinderspiel.</p>
|
||||
<h2 id="über-latex" class="relative group">Über LaTeX </h2>
|
||||
<blockquote>
|
||||
<p><strong>LaTeX</strong> [ˈlaːtɛç] ist ein Softwarepaket, das die Benutzung des Textsatzsystems TeX mit Hilfe von Makros vereinfacht. <em>LaTeX</em> wurde Anfang der 1980er Jahre von <em>Leslie Lamport</em> entwickelt.Der Name bedeutet so viel wie <em>Lamport TeX</em>. Die Entwicklung wurde seit den 1990er Jahren von einer Anzahl Entwicklern weitergeführt. Heute ist <em>LaTeX</em> die populärste Methode, <em>TeX</em> zu verwenden.</p>
|
||||
</blockquote>
|
||||
<p>— <cite><a
|
||||
href="https://de.wikipedia.org/wiki/LaTeX"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Wikipedia: LaTeX</a></cite></p>
|
||||
<p><em>LaTeX</em> funktioniert ähnlich wie <em>HTML</em> oder <em>Markdown</em>: Zunächst wird die Formatierung von Text getrennt. Bei WYSIWYG<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>-Textverarbeitungsprogrammen wie <em>Word</em> sieht man direkt, wie das gedruckte Dokument hinterher aussehen wird. Das macht es für viele Nutzer einfacher, zwingt sie aber auch dazu, sich direkt und unmittelbar mit der Formatierung zu beschäftigen. <em>LaTeX</em> trennt dies zunächst, gibt aber dennoch eine übersichtliche Struktur vor. Zudem sind die Standard Formatvorlagen deutlich schlichter und zumindest für mich wesentlich ansprechender als die von <em>Word</em> (Warum ist alles blau und wieso <em>Calibri</em>?!). Ja, die Voreinstellungen von <em>Word</em> lassen sich überschreiben, aber das muss man auch erstmal machen.</p>
|
||||
<p>Funktionen wie ein Inhalts- oder Literaturvrezeichnis lassen sich in <em>Word</em> zwar auch realisieren, sind in <em>LaTeX</em> wesentlich simpler. Zudem lässt sich <em>LaTeX</em> durch Pakete nahezu unendlich erweitern und deckt dadruch auch jeden noch so speziellen Fall ab.</p>
|
||||
<p>Ein weiterer Punkt, warum ich <em>LaTeX</em> bevorzuge ist, dass ich jeden Texteditor benutzen kann. Ich nutze am liebsten <em>VS Code</em>, aber natürlich kann jeder beliebige Editor verwendet werden.</p>
|
||||
<p>Das einzige, was mit <em>Word</em> sicher einfacher wäre ist das einbinden und beschriften von Grafiken. Da ich einige davor in meine Projektarbeit verwende, brauchte ich hierfür eine Lösung. Diese habe ich mit <a
|
||||
href="https://inkscape.org/de/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Inkscape</a> gefunden. Hiermir lassen sich Bilder bearbeiten und beschriften und anschließend als <em>LaTeX</em>-Dokument speichern. Diese lassen sich dann ganz einfach einbinden.</p>
|
||||
<h2 id="fazit" class="relative group">Fazit </h2>
|
||||
<p>Für wen <em>Word</em> und ähnliches schon immer eine Qual war oder wer Vorerfahrung mit Texteditoren und Skriptsprachen hat, dem kann ich <em>LaTeX</em> nur ans Herz legen. Ganz einfach lassen sich wunderschöne Dokumente herzaubern. Vor allem der Font <em>Computer Modern</em> hat es mir sehr angetan. Eventuell werde ich die Projektarbeit demnächst hier hochladen.</p>
|
||||
<hr>
|
||||
<h2 id="technische-spezifikationen" class="relative group">Technische Spezifikationen </h2>
|
||||
<p>Kurzer Nachtrag über meine Arbeitsweise mit <em>LaTeX</em>: Als Texteditor benutze ich <a
|
||||
href="https://code.visualstudio.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>VS Code</a>, da ich diesen super übersichtlich finde und vor allem die Erweiterungsmöglichkeiten sehr schätze. Für <em>LaTeX</em> sind dies vor allem <a
|
||||
href="https://github.com/James-Yu/LaTeX-Workshop"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>LaTeX Workshop</a> und natürlich <a
|
||||
href="https://git-scm.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>git</a> (vorinstalliert). Des Weiteren benutze ich die <a
|
||||
href="https://www.tug.org/mactex/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>MacTeX-Distribution</a>, welche ich über <a
|
||||
href="https://brew.sh"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Homebrew</a> installiert habe.</p>
|
||||
<h3 id="verwendete-pakete" class="relative group">Verwendete Pakete </h3>
|
||||
<ul>
|
||||
<li><strong>babel</strong>: Sorgt für die Unterstützung verschiedener Sprachen. Ich schreibe die Projektarbeit zwar auf Englisch, jedoch brauche ich ab und zu mal Deutsche Begriffe und damiteinhergehend Umlaute etc.</li>
|
||||
<li><strong>biblatex</strong>: Verbessertes Literaturverzeichnis, alternative zu <strong>bibtex</strong>.</li>
|
||||
<li><strong>booktabs</strong>: Verschönert und vereinfacht Tabellen in <em>LaTeX</em>.</li>
|
||||
<li><strong>chemformula</strong>: Erleichtert das Setzen von chemischen Formeln enorm und sorgt dafür, dass diese auch richtig angezeigt werden.</li>
|
||||
<li><strong>hyperref</strong>: Für Links und Metadaten.</li>
|
||||
<li><strong>longtable</strong>: Die verwendeten Materialien habe ich alle in riesigen Listen. <em>LaTeX</em> kann standardmäßig nicht besonders gut mit großen Tabellen umgehen, dieses Paket hilft dabei.</li>
|
||||
<li><strong>microtype</strong>: Lässt alles schöner aussehen, praktisch schwarze Magie.</li>
|
||||
<li><strong>siunitx</strong>: Das wahrscheinlich beste Paket überhaupt, simple aber hat Power. Sorgt für perfektes setzen von Einheiten, mit oder ohne vorangehenden Wert. Zudem enthält es eine Funktion, die Werte in Tabellen um den Dezimalpunkt anordnen kann. Ein Traum.</li>
|
||||
<li><strong>textgreek</strong>: Erleichtert das verwenden von griechischen Buchstaben im Text.</li>
|
||||
<li>Zusätzliche Pakete die ich an der Stelle nicht weiter erleutern werden: <strong>color</strong>, <strong>csquotes</strong>, <strong>fontenc</strong>, <strong>glossaries</strong>, <strong>graphicx</strong>, <strong>tikz</strong> und <strong>tocbibind</strong>.</li>
|
||||
</ul>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>What you see is what you get.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/tags/latex/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/latex/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/tags/latex/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,753 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>meta · Jan Kremer</title>
|
||||
<meta name="title" content="meta · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/meta/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/meta/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="meta" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/meta/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="meta"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/meta/"
|
||||
>meta</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">meta</h1>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/rss/"
|
||||
>RSS</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-09-01 00:00:00 +0000 UTC">2023-09-01</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Feeds without fuzz.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/hosting/"
|
||||
>12 cent blog</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-08-27 00:00:00 +0000 UTC">2023-08-27</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-31 19:36:36.813617957 +0200 CEST">Aktualisiert: 2023-08-31</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Hosting a website at (almost) no cost.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2022
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/blog/genesis/"
|
||||
>Genesis</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2022-12-10 00:00:00 +0000 UTC">2022-12-10</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-19 17:15:28.409737576 +0200 CEST">Aktualisiert: 2023-07-19</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Über das Erstellen einer Webseite.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,198 @@
|
|||
<?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>meta on Jan Kremer</title>
|
||||
<link>https://jankremer.eu/tags/meta/</link>
|
||||
<description>Recent content in meta on Jan Kremer</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>[CC BY-SA 4.0 | Jan Kremer | 2021 – 2023](http://creativecommons.org/licenses/by-sa/4.0/)</copyright>
|
||||
<lastBuildDate>2023-09-01 00:00</lastBuildDate><atom:link href="https://jankremer.eu/tags/meta/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>RSS</title>
|
||||
<link>https://jankremer.eu/blog/rss/</link>
|
||||
<pubDate>2023-09-01 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/rss/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Feeds without fuzz.
|
||||
</div>
|
||||
|
||||
<h2 id="what-is-rss" class="relative group">What is RSS? </h2>
|
||||
<p>Originally, RSS stood for &ldquo;RDF/Rich Site Summary&rdquo; but was later changed to &ldquo;Really Simple Syndication&rdquo;</p>
|
||||
<p>RSS is a way to subscribe to a website.
|
||||
Whenever that website updates it writes its changes to a <code>XML</code> file.
|
||||
You can then read this XML file and see what changed at a glance.</p>
|
||||
<p>Many websites use RSS including YouTube, <del>Reddit</del> Lemmy, <del>Twitter</del> Mastodon, most news sites, and almost any blog out there.
|
||||
For many blogs, RSS is the main way to distribute new posts.</p>
|
||||
<p>RSS is experiencing a Renaissance at the moment:
|
||||
Many people are now seeing the damages done by algorithmic feeds and want to go back to purely chronological feeds.
|
||||
RSS provides a perfect infrastructure for this.</p>
|
||||
<h2 id="how-to-read-rss" class="relative group">How to read RSS? </h2>
|
||||
<p>First, you need a feed reader. On macOS and iOS I highly recommend <a
|
||||
href="https://netnewswire.com"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>NetNewsWire</a>.
|
||||
For terminal fans <a
|
||||
href="https://newsboat.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Newsboat</a> is the way to go.
|
||||
<a
|
||||
href="https://www.thunderbird.net/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Thunderbird</a> is also a good choice but there are tons of programs that can read RSS feeds.</p>
|
||||
<p>That&rsquo;s bascially it. Now you need to add some feeds and you are ready.</p>
|
||||
<p>I recommend picking a reader that can also fetch the article without opening the browser and loading a ton of ads.</p>
|
||||
<p>Pro tip: You can export your subscibtions to a <code>OPML</code> file and import them into any RSS reader.</p>
|
||||
<h2 id="how-to-distribute-rss" class="relative group">How to distribute RSS? </h2>
|
||||
<p>This is the hardest question to answer about RSS as there are endless possibilities.</p>
|
||||
<p>The easiest way would probably be to use a service such as Mastodon that generates the feed automatically.
|
||||
If that platform isn&rsquo;t for you, WordPress is a good way to host a blog.
|
||||
I read about people setting up their own scripts that automatically update the feed for new posts.</p>
|
||||
<p>I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> which is a <em>static site generator</em>.
|
||||
It generates feeds automatically but lies somewhere between WordPress and writing your own scripts in terms of how tech savvy you should be.</p>
|
||||
<h2 id="how-to-find-rss" class="relative group">How to find RSS? </h2>
|
||||
<p>Go to a website you like, copy the URL and paste it into your RSS reader.
|
||||
Modern feed readers can find RSS feed on their own, you just have to provide a link to the site you want to subscribe to.
|
||||
If that is not the case, you could try adding <code>/index.xml</code> to the URL.</p>
|
||||
<p>Some sites, like this one, also link to their RSS feeds.
|
||||
Often those links are a the bottom of the website and are either marked as <code>RSS</code>, <code>Feed</code>, or just use the
|
||||
|
||||
<span class="relative inline-block align-text-bottom icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M25.57 176.1C12.41 175.4 .9117 185.2 .0523 198.4s9.173 24.65 22.39 25.5c120.1 7.875 225.7 112.7 233.6 233.6C256.9 470.3 267.4 480 279.1 480c.5313 0 1.062-.0313 1.594-.0625c13.22-.8438 23.25-12.28 22.39-25.5C294.6 310.3 169.7 185.4 25.57 176.1zM32 32C14.33 32 0 46.31 0 64s14.33 32 32 32c194.1 0 352 157.9 352 352c0 17.69 14.33 32 32 32s32-14.31 32-32C448 218.6 261.4 32 32 32zM63.1 351.9C28.63 351.9 0 380.6 0 416s28.63 64 63.1 64s64.08-28.62 64.08-64S99.37 351.9 63.1 351.9z"/></svg>
|
||||
</span>
|
||||
|
||||
logo.
|
||||
I additionally provide links to my subprojects such as my <a
|
||||
href="https://jankremer.eu/micro"
|
||||
|
||||
|
||||
>microblog</a> or my <a
|
||||
href="https://jankremer.eu/fotos"
|
||||
|
||||
|
||||
>photos</a>.
|
||||
Feel free to add them to your reader.</p>
|
||||
<h2 id="conclusion" class="relative group">Conclusion </h2>
|
||||
<p>I think RSS is on the rise.
|
||||
It&rsquo;s an old protocol that survived numerous challenges
|
||||
It provides an escape from the algorithms and large social media companies.
|
||||
It also provides a way for content creators to distribute their content on their own without any middleman.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>12 cent blog</title>
|
||||
<link>https://jankremer.eu/blog/hosting/</link>
|
||||
<pubDate>2023-08-27 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/hosting/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Hosting a website at (almost) no cost.
|
||||
</div>
|
||||
|
||||
<p>Yes, the title is correct.
|
||||
<a
|
||||
href="https://knowyourmeme.com/photos/1191035"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Well, actually</a> it is 0.119 € per
|
||||
month or 14.28 € for 10 years.</p>
|
||||
<p>To be fair, it was a special offer and only covers the domain.
|
||||
Fortunately, my provider, <a
|
||||
href="https://www.netim.com/en"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Netim</a> has a free hosting plan with fits my needs.
|
||||
I even get email hosting with my own domain.
|
||||
There are also services like <a
|
||||
href="https://neocities.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Neocities</a> where you can host your website for free if you are willing to live with a subdomain.</p>
|
||||
<h2 id="why-should-i-xyz-is-free" class="relative group">Why should I? XYZ is free! </h2>
|
||||
<p>Yes, you can post wherever you want.
|
||||
𝕏 (formerly known as Twitter) is free<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>, Mastodon is free, Facebook, Instagram, Threads, Reddit, you name them, are all free, but you are giving up your freedoms.
|
||||
Mastodon might be a little better than the rest, but ultimately you depend on the host to let you post there.
|
||||
And they can block you and delete all your data without even giving you any notice.
|
||||
I hope you have a backup.</p>
|
||||
<p>Hosting this blog allows me to write whatever I want.
|
||||
Sure, Netim could also block me and delete my data, but since I use <a
|
||||
href="https://gohugo.io"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a> I always have everything backed up on my system anyways.
|
||||
In a matter of hours I could be up and running on another hosting provider.</p>
|
||||
<p>I can also use any format I want and have nearly endless possibilities to customize my blog.
|
||||
The sky is the limit.
|
||||
For example am I hosting my own <a
|
||||
href="https://jankremer.eu/fotos"
|
||||
|
||||
|
||||
>photos</a> instead of using Instagram and my own <a
|
||||
href="https://jankremer.eu/micro"
|
||||
|
||||
|
||||
>microblog</a> instead of using Twitter/Mastodon.
|
||||
Whatever media I plan to share in the future, there is a solution out there.
|
||||
Want comments? I&rsquo;m trying <a
|
||||
href="https://cactus.chat"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Cactus Comments</a> at the moment.</p>
|
||||
<p>Let me know what you think!</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>Or is it? I&rsquo;m not in the loop.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Genesis</title>
|
||||
<link>https://jankremer.eu/blog/genesis/</link>
|
||||
<pubDate>2022-12-10 00:00</pubDate>
|
||||
|
||||
<guid>https://jankremer.eu/blog/genesis/</guid>
|
||||
<description><div class="lead !mb-9 text-xl">
|
||||
Über das Erstellen einer Webseite.
|
||||
</div>
|
||||
|
||||
<p>Als ich vor ca. einem Jahr diese Domain kaufte, wusste ich noch nicht was ich damit anstellen will. Ich wusste nur: <strong>Ich will endlich eine eigene Webseite haben.</strong></p>
|
||||
<p>In meinen ersten Stunden Informatik in der Schule (vor über 10 Jahren) lernten wir die Grundlagen des Webdesigns mit <em>HTML</em> und <em>CSS</em>, und da ich zunächst nicht viel Zeit hatte erstellte ich genau mit diesen Tools eine kleine Startseite. Mehr schlecht als recht aber immerhin hatte ich etwas.</p>
|
||||
<p>Im März diesen Jahres hatte ich dann ein wenig Zeit mich genauer mit dem Thema zu beschäftigen und fand dabei den sogenannten <a
|
||||
href="https://jamstack.org"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jamstack</a>. Jamstack sind Tools zur schnellen und einfachen Aufstellen von Webseite. Dies können große Projekte sein oder wie in meinem Fall ein kleiner Blog. Zuerst probierte ich <a
|
||||
href="https://jekyllrb.com/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Jekyll</a> was mir jedoch nicht so gut taugte und stieß dann auf <a
|
||||
href="https://gohugo.io/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Hugo</a>. Mit einer Vielzahl an modernen Designs und einer klinderleichten Handhaben konnte ich schnell überzeugt werden.</p>
|
||||
<p>Heute weiß ich zwar immer noch nicht, was ich hiermit in Zukunft machen werde, aber ich denke es ist wichtiger den je ein Sprachrohr zu haben, das unabhängig ist von der Willkür großer Plattformen.</p>
|
||||
<p>Bis bald und viel Spaß!</p>
|
||||
<p>P.S.: Dieses wunderschöne <em>Theme</em>, das ich hier benutze, heißt <a
|
||||
href="https://git.io/hugo-congo"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>Congo</a>.</p>
|
||||
</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://jankremer.eu/tags/meta/</title>
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/meta/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://jankremer.eu/tags/meta/">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,685 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="de"
|
||||
dir="ltr"
|
||||
class="scroll-smooth"
|
||||
data-default-appearance="light"
|
||||
data-auto-appearance="true"
|
||||
><head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="rgb(255,255,255)" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<title>micro · Jan Kremer</title>
|
||||
<meta name="title" content="micro · Jan Kremer" />
|
||||
|
||||
<meta name="description" content="Blog von Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://jankremer.eu/tags/micro/" />
|
||||
<link rel="alternate" type="application/rss+xml" href="/tags/micro/index.xml" title="Jan Kremer" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
href="/css/main.bundle.min.29e1774efeb97f7ecac1df964e8e08e8d8f8a5c8c3e81121ace361c8a958396c.css"
|
||||
integrity="sha256-KeF3Tv65f37Kwd+WTo4I6Nj4pcjD6BEhrONhyKlYOWw="
|
||||
/>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI++D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Kopieren" data-copied="Kopiert"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="micro" />
|
||||
<meta property="og:description" content="Blog von Jan Kremer" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://jankremer.eu/tags/micro/" />
|
||||
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="micro"/>
|
||||
<meta name="twitter:description" content="Blog von Jan Kremer"/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="author" content="Jan Kremer" />
|
||||
|
||||
|
||||
<link href="mailto:mail@jankremer.eu" rel="me" />
|
||||
|
||||
<link href="http://jankremer.eu/about/#pgp" rel="me" />
|
||||
|
||||
<link href="https://jankremer.eu/index.xml" rel="me" />
|
||||
|
||||
<link href="https://codeberg.org/kremer/" rel="me" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body
|
||||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
|
||||
>
|
||||
<div id="the-top" class="absolute flex self-center">
|
||||
<a
|
||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||||
href="#main-content"
|
||||
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">↓</span
|
||||
>Zum Hauptinhalt springen</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
|
||||
<nav class="flex items-start justify-between sm:items-center">
|
||||
|
||||
<div class="z-40 flex flex-row items-center">
|
||||
|
||||
<a
|
||||
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
|
||||
rel="me"
|
||||
href="/"
|
||||
>Jan Kremer</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<label id="menu-button" for="menu-controller" class="block sm:hidden">
|
||||
<input type="checkbox" id="menu-controller" class="hidden" />
|
||||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
id="menu-wrapper"
|
||||
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
|
||||
>
|
||||
<ul
|
||||
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 ltr:text-right rtl:text-left sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
|
||||
>
|
||||
<li class="mb-1">
|
||||
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
|
||||
><span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span></span
|
||||
>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1">
|
||||
<button id="search-button-m0" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<ul class="hidden list-none flex-row ltr:text-right rtl:text-left sm:flex">
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/"
|
||||
title="Blog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/"
|
||||
title="Microblog"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/"
|
||||
title="Fotos"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/about/"
|
||||
title="Über mich"
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Über mich</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
<button id="search-button-m1" title="Suche (/)">
|
||||
<span
|
||||
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="relative flex flex-col grow">
|
||||
<main id="main-content" class="grow">
|
||||
|
||||
<header>
|
||||
|
||||
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/"
|
||||
></a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline ">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/"
|
||||
>Tags</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="inline hidden">
|
||||
<a
|
||||
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
|
||||
href="/tags/micro/"
|
||||
>micro</a
|
||||
><span class="px-1 text-primary-500">/</span>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">micro</h1>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
||||
<section>
|
||||
|
||||
|
||||
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
|
||||
2023
|
||||
</h2>
|
||||
<hr class="border-dotted w-36 border-neutral-400" />
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/micro/delete/"
|
||||
>Stop using 𝕏.</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-22 15:57:59 +0200 CEST">2023-07-22</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-25 12:44:13.984385352 +0200 CEST">Aktualisiert: 2023-07-25</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Microblog RIP Twitter
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="mt-6 flex max-w-prose flex-row">
|
||||
<div>
|
||||
<h3 class="flex items-center text-xl font-semibold">
|
||||
|
||||
<a
|
||||
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||||
href="/micro/reader/"
|
||||
>Reader mode is the antidote to bad website design.</a
|
||||
>
|
||||
|
||||
|
||||
|
||||
</h3>
|
||||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-row flex-wrap items-center">
|
||||
|
||||
|
||||
<time datetime="2023-07-19 10:14:44 +0200 CEST">2023-07-19</time><span class="px-2 text-primary-500">·</span><time datetime="2023-07-25 12:44:47.38520627 +0200 CEST">Aktualisiert: 2023-07-25</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="prose py-1 dark:prose-invert">
|
||||
Microblog
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</main><footer class="py-10 print:hidden">
|
||||
|
||||
|
||||
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||||
<ul class="flex list-none flex-col sm:flex-row">
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>RSS</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/blog/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Blog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/micro/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Microblog</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="group mb-1 ltr:text-right rtl:text-left sm:mb-0 sm:me-7 sm:last:me-0">
|
||||
|
||||
<a
|
||||
href="/fotos/index.xml"
|
||||
title=""
|
||||
|
||||
><span
|
||||
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
|
||||
>Fotos</span
|
||||
>
|
||||
</a
|
||||
>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
|
||||
|
||||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-sa/4.0/"
|
||||
|
||||
target="_blank" rel="noreferrer noopener"
|
||||
>CC BY-SA 4.0 | Jan Kremer | 2021 – 2023</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||||
|
||||
|
||||
Erstellt mit <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
>
|
||||
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
|
||||
<div
|
||||
class="flex h-12 w-12 items-center justify-center dark:hidden"
|
||||
title="Zum dunklen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="hidden h-12 w-12 items-center justify-center dark:flex"
|
||||
title="Zum hellen Erscheinungsbild wechseln"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
<div
|
||||
id="search-wrapper"
|
||||
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||||
data-url="https://jankremer.eu/"
|
||||
>
|
||||
<div
|
||||
id="search-modal"
|
||||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||||
>
|
||||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||||
<form class="flex items-center flex-auto min-w-0">
|
||||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
id="search-query"
|
||||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||||
placeholder="Suchen"
|
||||
tabindex="0"
|
||||
/>
|
||||
</form>
|
||||
<button
|
||||
id="close-search-button"
|
||||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||||
title="Schließen (Esc)"
|
||||
>
|
||||
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<section class="flex-auto px-2 overflow-auto">
|
||||
<ul id="search-results">
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue