Files
felixfoertsch.de/Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/index.html
T

831 lines
25 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>