initial commit, add Publish, add minimal theme, add content

This commit is contained in:
Felix Förtsch
2024-03-24 20:24:51 +01:00
commit cd2f440141
1240 changed files with 194709 additions and 0 deletions
@@ -0,0 +1,830 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<link href="https://gmpg.org/xfn/11" rel="profile" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Enable responsiveness on mobile devices-->
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1"
/>
<title>Blog &middot; felixfoertsch.de</title>
<!-- CSS -->
<link rel="stylesheet" href="./assets/css/main.css" />
<!-- Icons -->
<link
rel="apple-touch-icon-precomposed"
sizes="144x144"
href="./favicon.png"
/>
<link rel="shortcut icon" href="./favicon.png" />
<!-- RSS -->
<link
rel="alternate"
type="application/rss+xml"
title="RSS"
href="./feed.xml"
/>
</head>
<body class="index home">
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<div class="container-fluid">
<a class="nav-link navbar-brand active" href="/"
><img src="/favicon.png" width="30" height="30" alt="" />
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navigation-toggle"
aria-controls="navigation-toggle"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation-toggle">
<div class="navbar-nav">
<a class="nav-link" href="/about">About</a>
<a class="nav-link" href="/repositories">Repositories</a>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
data-toggle="dropdown"
href="#"
role="button"
aria-expanded="false"
>Categories</a
>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="/category/Design">Design</a>
</li>
<li>
<a class="dropdown-item" href="/category/Programming"
>Programming</a
>
</li>
<li><a class="dropdown-item" href="/category/Tips">Tips</a></li>
<li>
<a class="dropdown-item" href="/category/summaries"
>Summaries</a
>
</li>
<li>
<a class="dropdown-item" href="/category/tutorials"
>Tutorials</a
>
</li>
</ul>
</li>
<a class="nav-link" title="Tags" aria-label="Tags" href="/tags"
>Tags</a
>
<a
class="nav-link"
title="Subscribe"
aria-label="Subscribe"
href="/feed.xml"
>RSS</a
>
<span></span>
</div>
</div>
</div>
</nav>
<main class="container py-3">
<header class="row py-3">
<div class="col">
<h1 class="display-1">Blog</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2020/08/05/Apple-Colors.html">
Apple Colors in SCSS
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2020-08-05</span>
<span class="post-categories">
&bull;
<a href="/category/Design">Design</a>
</span>
</div>
<p>
Colors have a big impact on how software looks. Personally,
I think macOS and iOS are beautiful and the colors are very
well selected. Since I am not a designer, but I want to
understand <strong>why</strong> these systems always looks
so good, I started designing this website using the Apple
colors. The first step I took was creating variables for the
Apple colors from the
<a
href="https://developer.apple.com/design/human-interface-guidelines/"
>Human Interface Guidelines</a
>
(<a
href="https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/"
>iOS</a
>/<a
href="https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/color/"
>macOS</a
>).
</p>
<p>
I published them on GitHub as gists so you can use them,
too. Its just the raw variables; but I could not find them
anywhere else in this SCSS form. Gist
<a
href="https://gist.github.com/felixfoertsch/52904ab569521158dd8494024c0a5d77"
>macOS-colors-dark.scss</a
>,
<a
href="https://gist.github.com/felixfoertsch/36922ee9a74d9bd0c0887f62cecb7041"
>macOS-colors-light.scss</a
>,
<a
href="https://gist.github.com/felixfoertsch/69dd59c9e541788056ee6c70928c3769"
>iOS-colors-dark.scss</a
>,
<a
href="https://gist.github.com/felixfoertsch/e4c73a673bd769218c39c17ac09127aa"
>iOS-colors-light.scss</a
>.
</p>
<p>Read more for the actual variables.</p>
</div>
<a
href="/2020/08/05/Apple-Colors.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2020/08/04/Ideas.html"> Ideas </a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2020-08-04</span>
<span class="post-categories"> &bull; Personal </span>
</div>
<p>
Many people have ideas. Ideas are not special. What makes
and breaks an idea is its realization and/or implementation.
Here are some of <strong>my</strong> product ideas.
Implement them, if you like them! Then send me an
<a href="mailto:felixfoertsch@gmail.com">email</a> to show
them to me, please. 😁
</p>
</div>
<a
href="/2020/08/04/Ideas.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html">
Strategies from the Happiness Lab
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2020-08-02</span>
<span class="post-categories">
&bull;
<a href="/category/summaries">Summaries</a>
</span>
</div>
<p>
I love listening to podcasts while I am out running. The
latest one I found is
<a href="https://www.happinesslab.fm/">The Happiness Lab</a>
from and with Dr. Laurie Santos, a professor teaching at
Yale. She looks at happiness scientifically and takes an
active approach:
<a
href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000449594792"
>You have it in your own hands to improve your
happiness</a
>. The podcast discusses various strategies with various
scientists and experts from their respective field.
</p>
<p>
This is a collection of these strategies you can employ;
with the link to the corresponding episode for more
information.
</p>
</div>
<a
href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2020/07/20/The-Collection.html"> The Collection </a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2020-07-20</span> &bull;
<span class=""
><svg
height="12"
class="octicon octicon-sync"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M8 2.5a5.487 5.487 0 00-4.131 1.869l1.204 1.204A.25.25 0 014.896 6H1.25A.25.25 0 011 5.75V2.104a.25.25 0 01.427-.177l1.38 1.38A7.001 7.001 0 0114.95 7.16a.75.75 0 11-1.49.178A5.501 5.501 0 008 2.5zM1.705 8.005a.75.75 0 01.834.656 5.501 5.501 0 009.592 2.97l-1.204-1.204a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.38-1.38A7.001 7.001 0 011.05 8.84a.75.75 0 01.656-.834z"
></path>
</svg>
Updated: 2020-08-28</span
>
<span class="post-categories">
&bull;
<a href="/category/Tips">Tips</a>
</span>
</div>
<p>
During my time on the Internet, I encountered many things.
This post is a collection of the cool things. I will
probably update it once in a while. Since I am living in
Germany, some of the tips may not be useful for everyone. In
order of coolness.
</p>
</div>
<a
href="/2020/07/20/The-Collection.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2020/07/19/Install-Mailtrain-on-Uberspace-7.html">
Install Mailtrain on Uberspace 7
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2020-07-19</span> &bull;
<span class=""
><svg
height="12"
class="octicon octicon-sync"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M8 2.5a5.487 5.487 0 00-4.131 1.869l1.204 1.204A.25.25 0 014.896 6H1.25A.25.25 0 011 5.75V2.104a.25.25 0 01.427-.177l1.38 1.38A7.001 7.001 0 0114.95 7.16a.75.75 0 11-1.49.178A5.501 5.501 0 008 2.5zM1.705 8.005a.75.75 0 01.834.656 5.501 5.501 0 009.592 2.97l-1.204-1.204a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.38-1.38A7.001 7.001 0 011.05 8.84a.75.75 0 01.656-.834z"
></path>
</svg>
Updated: 2020-07-21</span
>
<span class="post-categories">
&bull;
<a href="/category/tutorials">Tutorials</a>
</span>
</div>
<p>
This tutorial explains how to install
<a href="https://mailtrain.org">Mailtrain</a> on a
<a href="uberspace.de">Uberspace 7</a>.
<a href="https://mailtrain.org/">Mailtrain</a> is a
self-hosted open-source (released under the
<a
href="https://github.com/Mailtrain-org/mailtrain/blob/master/LICENSE"
>GPL v3.0</a
>.) newsletter app built on top of
<a href="https://nodemailer.com/">Nodemailer</a>. I am
following the
<a
href="https://github.com/Mailtrain-org/mailtrain#quick-start---manual-install-any-os-that-supports-nodejs"
>manual installation guide</a
>
from the official Mailtrain repo and add some additional
Uberspace infos. I contributed
<a href="https://lab.uberspace.de/guide_mailtrain.html"
>this guide</a
>
to the <a href="https://lab.uberspace.de/">Uberlab</a> and
earned my first
<a
href="https://github.com/Uberspace/lab/blob/master/CONTRIBUTING.md#reward"
>Ubercup</a
>.
</p>
</div>
<a
href="/2020/07/19/Install-Mailtrain-on-Uberspace-7.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2019/03/25/High-Quality-Swift-Libraries.html">
Collection of High Quality Swift Libraries
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-03-25</span> &bull;
<span class=""
><svg
height="12"
class="octicon octicon-sync"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M8 2.5a5.487 5.487 0 00-4.131 1.869l1.204 1.204A.25.25 0 014.896 6H1.25A.25.25 0 011 5.75V2.104a.25.25 0 01.427-.177l1.38 1.38A7.001 7.001 0 0114.95 7.16a.75.75 0 11-1.49.178A5.501 5.501 0 008 2.5zM1.705 8.005a.75.75 0 01.834.656 5.501 5.501 0 009.592 2.97l-1.204-1.204a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.38-1.38A7.001 7.001 0 011.05 8.84a.75.75 0 01.656-.834z"
></path>
</svg>
Updated: 2019-03-30</span
>
<span class="post-categories">
&bull;
<a href="/category/Programming">Programming</a>
</span>
</div>
<p>
Libraries are an important part of programming. However,
there should be a <strong>really</strong> good reason, if
you decide to use a library. And if you use one, it should
be a good one. These are some from my collection:
</p>
</div>
<a
href="/2019/03/25/High-Quality-Swift-Libraries.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a
href="/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html"
>
Use the Pumping Lemma for Regular Languages
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-23</span> &bull;
<span class=""
><svg
height="12"
class="octicon octicon-sync"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M8 2.5a5.487 5.487 0 00-4.131 1.869l1.204 1.204A.25.25 0 014.896 6H1.25A.25.25 0 011 5.75V2.104a.25.25 0 01.427-.177l1.38 1.38A7.001 7.001 0 0114.95 7.16a.75.75 0 11-1.49.178A5.501 5.501 0 008 2.5zM1.705 8.005a.75.75 0 01.834.656 5.501 5.501 0 009.592 2.97l-1.204-1.204a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.38-1.38A7.001 7.001 0 011.05 8.84a.75.75 0 01.656-.834z"
></path>
</svg>
Updated: 2019-04-04</span
>
<span class="post-categories">
&bull;
<a href="/category/tutorials">Tutorials</a>
</span>
</div>
<p>
This semester I finished my course about automata and
languages. I learned a lot and it was really enjoyable. From
this field, there was
<a
href="https://old.reddit.com/r/computerscience/comments/atrs4y/pumping_lemma_in_theory_of_computation/"
>a question about the Pumping Lemma on the computer
science subreddit</a
>. So naturally, if someone ask about a thing I know about,
Ill try to explain it as best as I can repetition is key
for retaining knowledge!
</p>
</div>
<a
href="/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2019/02/22/iPad-Gestures.html"> iPad Gestures </a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-22</span>
<span class="post-categories">
&bull;
<a href="/category/Tips">Tips</a>
</span>
</div>
<p>
I did it! I bought an iPad and an Apple Pencil for christmas
last year. I write a lot for my university classes and I
didnt like that I often had to cross out things on paper
(because I wrote something down wrong) and had to write them
again. I was not sure, if an iPad is the right device for me
but turns out it is. It is awesome. If you make a mistake,
you erase it and write it again. Wrong sequence of your
sentences? Just move them around. The notes come out
awesome.
</p>
<p>
Additionally I learned a few gestures that are really
useful:
</p>
</div>
<a
href="/2019/02/22/iPad-Gestures.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2019/02/22/Bestandteile-einer-Rechnung.html">
Die Rechnung
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-22</span> &bull;
<span class=""
><svg
height="12"
class="octicon octicon-sync"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M8 2.5a5.487 5.487 0 00-4.131 1.869l1.204 1.204A.25.25 0 014.896 6H1.25A.25.25 0 011 5.75V2.104a.25.25 0 01.427-.177l1.38 1.38A7.001 7.001 0 0114.95 7.16a.75.75 0 11-1.49.178A5.501 5.501 0 008 2.5zM1.705 8.005a.75.75 0 01.834.656 5.501 5.501 0 009.592 2.97l-1.204-1.204a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.38-1.38A7.001 7.001 0 011.05 8.84a.75.75 0 01.656-.834z"
></path>
</svg>
Updated: 2019-03-25</span
>
<span class="post-categories"> </span>
</div>
<p>
Die Rechnung ist eines der wesentlichsten Dokumente des
Geschäftsverkehrs. Da sie ein formales Dokument ist, müssen
einige Regeln eingehalten werden, damit eine Rechnung
<em>gültig</em> ist und der Kunde bezahlen muss. Der
Gesetzgeber hat eindeutig festgelegt, welche Angaben
enthalten sein müssen (<a
href="https://www.gesetze-im-internet.de/ustg_1980/__14.html"
>§ 14 UStG</a
>):
</p>
</div>
<a
href="/2019/02/22/Bestandteile-einer-Rechnung.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<div class="pb-5">
<div class="card bg-dark p-2">
<div class="card-body">
<h2 class="card-title">
<a href="/2019/02/21/Blackhole.html"> Blackhole </a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-21</span>
<span class="post-categories"> &bull; Art </span>
</div>
<p>
This is a text I found on the internet and saved it. If
anybody knows the source, please tell me, so I can give
credit.
</p>
</div>
<a
href="/2019/02/21/Blackhole.html"
class="btn btn-sm btn-secondary"
>
Read more
<svg
height="12"
class="octicon octicon-chevron-right"
viewBox="0 0 16 16"
version="1.1"
width="12"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
></path>
</svg>
</a>
</div>
</div>
</div>
<!-- end of paginator -->
</div>
</div>
</main>
<footer class="container-fluid py-3">
<nav aria-label="page navigation">
<div class="row">
<div class="col">
<ul class="pagination justify-content-center">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true"
>&larr;</a
>
</li>
<li class="page-item active" aria-current="page">
<span class="page-link"> 1 </span>
</li>
<li class="page-item">
<a class="page-link" href="/page2">2</a>
</li>
<li class="page-item">
<a class="page-link" href="/page2">&rarr;</a>
</li>
</ul>
</div>
</div>
</nav>
<script
src="/assets/js/bootstrap.min.js"
crossorigin="anonymous"
></script>
</footer>
</body>
</html>