felixfoertsch/felixfoertsch.de
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2018/05/21/Syncthing-auf-Uberspace.html
+377
View File
@@ -0,0 +1,377 @@
<!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>
Install Syncthing on Uberspace 6 in a Subdomain &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Install Syncthing on Uberspace 6 in a Subdomain</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2018-05-21</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-18</span>
<span class="post-categories">
&bull;
<a href="/category/tutorials">Tutorials</a>
</span>
</div>
<div>
<div class="alert alert-warning">
<h2 class="alert-heading">Uberspace 6 has reached <a href="https://en.wikipedia.org/wiki/End-of-life_(product)">EOL</a></h2>
<p>If you want to use Syncthing, you should create an Uberspace 7 and refer to the the <a href="https://lab.uberspace.de/guide_syncthing.html">Syncthing tutorial from the Uberlab</a>!</p>
</div>
<p>This short tutorial explains how to install <a href="https://syncthing.net">Syncthing</a> on a <a href="https://uberspace.de">Uberspace</a>. It is based on the <a href="https://maxhaesslein.de/dachboden/syncthing-auf-uberspace/"><del>Tutorial</del></a> from <a href="http://maxhaesslein.blog">Max Haesslein</a>. Thanks Max!
<!-- more --></p>
<h2 id="download-newest-syncthing-version">Download newest Syncthing version</h2>
<p>Connect to your uberspace:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh &lt;user&gt;@&lt;uberspace&gt;
</code></pre></div></div>
<p>Download the <a href="https://github.com/syncthing/syncthing/releases/latest">newest Syncthing version</a> for Linux:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd ~/etc/
wget &lt;NEWEST AMD64 LINUX VERSION&gt;
</code></pre></div></div>
<p>Extract the file (eXtract Ze Files!) and move it to its own folder:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>tar -xzf &lt;FILENAME&gt;
mv &lt;FOLDERNAME&gt; syncthing/
</code></pre></div></div>
<p>Link it to your binaries folder and start it once:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ln -s ~/etc/syncthing/syncthing ~/bin/syncthing
syncthing
</code></pre></div></div>
<p>Close the program with CTRL-C.</p>
<h2 id="prepare-your-uberspace">Prepare your Uberspace</h2>
<p>Get the ports we are going to use for GUI and sync:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>uberspace-add-port -p tcp --firewall
🚀 All good! Opened tcp port &lt;PORT1&gt;.
uberspace-add-port -p both --firewall
🚀 All good! Opened tcp port &lt;PORT2&gt;.
</code></pre></div></div>
<p>Add a subdomain to make your Syncthing easily accessible; also make sure it is possible to connect through HTTPS:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>uberspace-add-domain -w -d sync.&lt;DOMAIN&gt;.de
uberspace-letsencrypt
uberspace-letsencrypt-renew -f
</code></pre></div></div>
<p>If you already use LetsEncrypt, you have to add the domain to your configuration. Just follow the steps displayed after the <code class="language-plaintext highlighter-rouge">uberspace-letsencrypt</code>. Don’t forget to add the subdomain to your domain registrar DNS records aswell, so it gets redirected correctly!</p>
<p>Now, create the corresponding folder on the Uberspace:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>mkdir /var/www/virtual/&lt;UBERSPACE&gt;/sync.&lt;DOMAIN&gt;.de
</code></pre></div></div>
<p>Edit the <code class="language-plaintext highlighter-rouge">.htaccess</code> so it sends you to the correct port:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd /var/www/virtual/&lt;UBERSPACE&gt;/sync.&lt;DOMAIN&gt;.de/
vim .htaccess
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>RewriteEngine On
RewriteRule (.*) http://localhost:&lt;PORT1&gt;/$1 [P]
</code></pre></div></div>
<h2 id="modify-the-syncthing-config-file">Modify the Syncthing config file</h2>
<p>Open the syncthing config file:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd ~/.config/syncthing
vim config.xml
</code></pre></div></div>
<p>Find the GUI entry and replace the port with <code class="language-plaintext highlighter-rouge">&lt;PORT1&gt;</code>:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>...
&lt;gui enabled="true" tls="false" debugging="false"&gt;
&lt;address&gt;127.0.0.1:&lt;PORT1&gt;&lt;/address&gt;
...
</code></pre></div></div>
<p>Find the options entry and replace the port with <code class="language-plaintext highlighter-rouge">&lt;PORT2&gt;</code>:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>...
&lt;options&gt;
...
&lt;localAnnouncePort&gt;&lt;PORT2&gt;&lt;/localAnnouncePort&gt;
&lt;localAnnounceMCAddr&gt;[ff12::8384]&lt;PORT2&gt;&lt;/localAnnounceMCAddr&gt;
...
</code></pre></div></div>
<h2 id="setup-syncthing-as-a-service">Setup Syncthing as a service</h2>
<p>If you don’t have any services running, you have to setup the Daemon Tools first: <a href="https://wiki.uberspace.de/system:daemontools">Uberspace Wiki, Daemon Tools</a>.</p>
<p>After setting up the services, you can add Syncthing as a service and restart it once:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>uberspace-setup-service syncthing ~/bin/syncthing
svc -du ~/services/syncthing
</code></pre></div></div>
<h2 id="secure-your-syncthing-instance">Secure your Syncthing instance</h2>
<p>Your Syncthing is now available via <code class="language-plaintext highlighter-rouge">sync.&lt;DOMAIN&gt;.de</code>. However, it is accessible by everyone on the web. Therefore you should secure it. Got to the Syncthing Settings:
<img src="/img/20180602-Syncthing-settings.png" alt="You can access your settings via Actions -&gt; Settings" /></p>
<p><strong>IMPORTANT: Do not check <code class="language-plaintext highlighter-rouge">Use HTTPS for GUI</code> you will lose access to your GUI. To get it back you have to find the TLS option in your Syncthing config and set it to <code class="language-plaintext highlighter-rouge">false</code> again. You connections will have TLS and will be secure without checking this box.</strong></p>
<p>And now enter your admin user and password in the corresponding fields:
<img src="/img/20180602-Syncthing-settings2.png" alt="You can access your settings via Actions -&gt; Settings" /></p>
<h2 id="the-end">The end</h2>
<p>Save and that’s it! You now have a Syncthing service running on Uberspace! Ideal for private documents you don’t want the NSA to have.</p>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#self-hosted-software"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Self-Hosted Software</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2018/06/03/Zusammenfassung-Malik.html
+364
View File
@@ -0,0 +1,364 @@
<!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>
Zusammenfassung von Fredmund Maliks Führen, Leisten, Leben &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Zusammenfassung von Fredmund Maliks Führen, Leisten, Leben</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2018-06-03</span>
<span class="post-categories">
&bull;
<a href="/category/summaries">Summaries</a>
</span>
</div>
<div>
<p><a href="https://de.wikipedia.org/wiki/Fredmund_Malik">Fredmund Maliks</a> <a href="https://www.amazon.de/dp/3593501279/">Führen, Leisten, Leben</a> ist ein Management-Standardwerk. Es schildert wichtige Aspekte des Managements und die Philosophie des Autors. Dabei steht vor allem eine These im Zentrum: Gutes Management kann man lernen und ist <strong>keine</strong> gottgegebene Fähigkeit. Das Buch legt dar, wie man diese Fähigkeit lernen kann. Ich habe das Buch gelesen und für Dich zusammengefasst.</p>
<!-- more -->
<h2 id="der-manager">Der Manager</h2>
<ul>
<li>Der Manager ist eine der wichtigsten Personen in der modernen Gesellschaft, da die Schnittstellen zwischen Berufen immer größer und das Leben immer schneller wird.</li>
<li>Der Manager muss als Organisation denken. Er ist Teil eines größeren Komplex und trägt zu der Wirksamkeit und zum Erfolg der Gesamtheit bei.</li>
<li>Wie bei vielen Berufen, wird Exzellenz als Manager durch Üben erzielt. Dabei spielt Talent zwar eine große Rolle: nur wer Talent mitbringt kann Management beherrschen. Aber prinzipiell kann <strong>jeder</strong> solide Management-Erfolge erzielen.</li>
</ul>
<h2 id="management-prinzipien">Management-Prinzipien</h2>
<p>Die wichtigsten Grundprinzipien der wirksamen und qualitativ wertvollen Führung sind:</p>
<ul>
<li>Resultat- und Zielorientierung</li>
<li>Das Denken als Organisation und der Beitrag zum Ganzen</li>
<li>Fokussierung auf einige wenige wichtige Punkte und Herausdestillieren dieser Punkte: Fokus!</li>
<li>Stärken-Denken und nicht Schwächen-Denken, wie es in der Gesellschaft üblich ist: Stärken stärken!</li>
<li>Positives Denken und Chancen-Fokus, nicht Problem-Fokus</li>
<li>Vertrauen und Integrität, also z.B. Schutz der Mitarbeiter nach außen und oben und nicht Beschmücken mit fremder Leistung</li>
<li>Kontrollieren, aber auch mal <em>fünfe gerade sein lassen</em>; Kontrolle basiert auf Vertrauen</li>
<li>Individuelle Förderung der Mitarbeiter</li>
</ul>
<h2 id="führung-einer-organisation">Führung einer Organisation</h2>
<ul>
<li>Zur Umsetzung dieser Art der Führung:
<ul>
<li>Arbeiten mit Zielen (unbürokratisch!) und auch (persönlichen) Jahreszielen</li>
<li>Effiziente Organisation und vermeiden von zu viel “Organisitis”; aber nicht jedes Problem durch Neu-Organisation lösen, wenn es nicht dadurch zu lösen ist</li>
<li>Die drei Grundfragen der Organisation:
<ol>
<li>Wie müssen wir uns organisieren, damit das, wofür der <strong>Kunde</strong> uns bezahlt, im Zentrum der Aufmerksamkeit steht und von dort nicht wieder verschwinden kann?</li>
<li>Wie müssen wir uns organisieren, damit das, wofür wir unsere <strong>Mitarbeiter</strong> bezahlen, von diesen auch wirklich getan werden kann?</li>
<li>Wie müssen wir uns organisieren, damit das, wofür die Firmenspitze/das Top-Management, bezahlt wird, von diesem auch wirklich getan werden kann?</li>
</ol>
</li>
</ul>
</li>
<li>Zeichen schlechter Organisation:
<ul>
<li>Zu viele, unnötige Managementebenen</li>
<li>Zu viel bereichsübergreifende Arbeit: eine Organisation funktioniert dann am besten, wenn man so wenig wie nötig bereichsübergreifend arbeiten muss</li>
<li>Zu viele Sitzungen, zu viele Leute</li>
<li>Zu viele Arbeiter auf Projekten; am effizientesten ist es, wenn ein kompetenter Mitarbeiter ungestört arbeiten kann</li>
<li>Zu viele Koordinatoren und Assistenten</li>
<li>Umfokussierte Jobs</li>
</ul>
</li>
</ul>
<h2 id="entscheidungen-richtig-treffen">Entscheidungen richtig treffen</h2>
<p>Fundierte Entscheidungen treffen, dabei die Schlüssel-Spieler in den Prozess mit einbeziehen (dabei aber nicht aus Wohlwollen berücksichtigen, sondern nur aufgrund von tatsächlicher Wichtigkeit im Rahmen der Entscheidung!).</p>
<p>Der Entscheidungsprozess:</p>
<ol>
<li>Die präzise Bestimmung des Problems</li>
<li>Die Spezifikation der Anforderungen, die die Entscheidung erfüllen muss</li>
<li>Das Herausarbeiten aller Alternativen</li>
<li>Die Analyse der Risiken und Folgen für jede Alternative und die Festlegung der Grenzbedingungen</li>
<li>Der Entschluss selbst</li>
<li>Der Einbau der Realisierung in die Entscheidung</li>
<li>Die Etablierung von Feedback, inklusive Follow-up und Follow-through</li>
</ol>
<h2 id="führungswerkzeuge">Führungswerkzeuge</h2>
<ul>
<li><strong>Die Sitzung:</strong> davon nicht zu viele (s.o.), die Sitzungen nacharbeiten und bei den Verteilten Aufgaben auch Nachfassen (Follow-up)!
<ul>
<li>Man sollte sich die Typen von TOP klarmachen und vorher überlegen, wie man mit ihnen umgeht:
<ul>
<li>Echte Standards (die wichtigsten Punkte die besprochen werden müssen).</li>
<li>Dauerbrenner (wiederkehrende Themen, die man nicht richtig lösen kann, z.B. Probleme beim Betriebsklima): Sollte man langfristig nicht dulden; Lösung finden ist das A und O.</li>
<li>Verschiedenes am Ende aller TOP: Sollte man nicht dulden; ist politisches Instrument, ggf. sogar um ein Thema “durchzudrücken”.</li>
</ul>
</li>
<li>Jeder TOP sollte auch eine Aktion beinhalten; ist das nicht der Fall, verkommt die Sitzung schnell zur “Laber-Runde”</li>
<li>Protokolle wo nötig (ggf. gesetzlich vorgeschrieben); wo optional: sinnvolles Protokoll-Führen (z.B. die Aufgabenverteilung dokumentieren, um sie als Follow-up-Mittel zu verwenden)</li>
</ul>
</li>
<li><strong>Der Bericht:</strong> der schriftliche Bericht ist das effizientes Mittel der Daten-Kommunikation. Der Bericht muss wirksam sein! Daher sollte Zielgruppen-orientiert gearbeitet (z.B. der Bericht geht an einen Juristen: Fokus auf Text, an einen Ingenieur: Fokus auf Grafiken und Statistik), auf realistische Struktur geachtet werden und der Bericht sollte keine unnötigen Inhalte enthalten</li>
<li><strong>Job Design, Assignment Control:</strong> Jobs sollten gut definiert werden. Nicht zu großer, nicht zu kleiner Aufgabenspielraum. Vermeiden von Unnötigkeiten. Und Positionen sollten nicht starr sein, sondern eine Möglichkeit der Weiterentwicklung der Arbeitsstelle (in diesem Fall nicht zwingend des Mitarbeiters!) haben. Ist eine bestimmte Position oder Aufgabe nicht mehr notwendig, muss sie überführt/abgeändert werden.</li>
<li><strong>Budget und Budgetierung:</strong> das wichtigste Tool eines Managers. Richtig benutzt, lässt sich darüber alles steuern. Auch Zeit-, Innovations-, Worst-Case-Budgets benutzen! Ggf. erweitern! Idee des Budgets: Ich habe limitierte Ressourcen, diese sinnvoll verteilen. Weiterführende Schlagworte: Zero-Base-Budgeting, Life-Cycle-Budgeting</li>
<li><strong>Leistungsbeurteilung:</strong> Möglichst nicht standardisieren.</li>
<li><strong>Systematische Müllabfuhr:</strong> Regelmäßige Reviews und überlegen, was noch notwendig ist und was nicht. Unnötiges ausmerzen! In allen Bereichen des Unternehmens.</li>
<li><strong>Persönliche Arbeitsmethodik:</strong> Man sollte sich angewöhnen, sie regelmäßig auf Wirksamkeit zu überprüfen. Wenn man in der Position ist zu delegieren, sollte man das nutzen. Ist hochgradig individuell.</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#deutsch"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Deutsch</span></a>
<a href="/tags#philosophy"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Philosophy</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2018/09/15/Starting-an-Online-Business.html
+315
View File
@@ -0,0 +1,315 @@
<!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>
Basic Things to Consider When Starting an Online Business &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Basic Things to Consider When Starting an Online Business</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2018-09-15</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">
&bull;
<a href="/category/summaries">Summaries</a>
</span>
</div>
<div>
<p>This post is a really short excerpt from a flyer I found a while ago. It lists thing you should consider, if you want to try to start an online business. Think about it as a checklist.</p>
<!-- more -->
<h2 id="fundamental-rules">Fundamental rules</h2>
<ul>
<li>You must care about it.</li>
<li>You must be able to become the authority on it.</li>
<li>You must be able to differentiate yourself.</li>
<li>You must fulfill a need.</li>
<li>Your niche must be commercial.</li>
</ul>
<h2 id="ways-to-make-money">Ways to make money</h2>
<ul>
<li>Affiliate marketing.</li>
<li>Advertising.</li>
<li>Selling your own products.</li>
<li>Drop shipping (white labeling) - offer products redirect order to supplier.</li>
</ul>
<h2 id="setup-process">Setup process</h2>
<ul>
<li>Deciding on a decent name for your online business.</li>
<li>Registering your domain name, web hosting, and installing WordPress.</li>
<li>Designing your website &amp; logo.</li>
<li>Registering social media profiles.</li>
<li>Creating an online store.</li>
<li>Setting up advertising, affiliate, and merchant accounts.</li>
<li>Setting up Google Analytics.</li>
</ul>
<h2 id="necessary-systems">Necessary systems</h2>
<ul>
<li>A system for getting attention (Venture Harbour, What Is My Comfort Zone, FanDistro).</li>
<li>A system for capturing data.</li>
<li>A system for selling products.</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#checklist"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Checklist</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/02/15/Use-PIP-via-Bookmarklet.html
+287
View File
@@ -0,0 +1,287 @@
<!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>
Use Picture-in-Picture Mode on Mac and iPad with a Bookmarklet &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Use Picture-in-Picture Mode on Mac and iPad with a Bookmarklet</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-15</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-20</span>
<span class="post-categories">
&bull;
<a href="/category/Tips">Tips</a>
</span>
</div>
<div>
<p><a href="https://twitter.com/SnazzyQ">Quinn</a> from <a href="https://www.youtube.com/channel/UCO2x-p9gg9TLKneXlibGR7w">Snazzy Labs</a> just posted an <a href="https://www.youtube.com/watch?v=cqjpa8-Cp-s">interesting video</a> about some macOS utilities. I love small utilities, but I like it even better, when a problem can be solved with system functions. That is the case here. He mentions Helium - an app to use a form of picture in picture mode for websites that don’t support the native PIP.</p>
<p>However, there is a better solution! And this solution works on Mac as well as iPad!</p>
<!-- more -->
<p>You can use a small <a href="https://en.wikipedia.org/wiki/Bookmarklet">bookmarklet</a> that pushes the current HTML5 video on screen into the native PIP. And yes, it also works with Netflix, <strong>if</strong> you are on macOS Mojave or up (as far as I can tell, Netflix doesn’t run in the previous versions of Safari).</p>
<p>Create a new bookmark, enter the following string as the address, give it a nice emoji (like this: ⤵️), voilà! You can now use the native PIP for nearly all your videos!
Here is the code:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>javascript:document.querySelector(%22video%22).webkitSetPresentationMode(%22picture-in-picture%22);
</code></pre></div></div>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#apple"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Apple</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/02/19/How-to-Begin-an-English-Sentence.html
+330
View File
@@ -0,0 +1,330 @@
<!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>
How to Begin an English Sentence &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">How to Begin an English Sentence</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-19</span>
<span class="post-categories">
&bull;
<a href="/category/tutorials">Tutorials</a>
</span>
</div>
<div>
<p>During the writing of my thesis, I collected some English words you can use two empower your writing style.</p>
<!-- more -->
<p>Addition:
also, again, as well as, besides, coupled with, furthermore, in addition, likewise, moreover, similarly</p>
<p>Consequence:
accordingly, as a result, consequently, for this reason, for this purpose,
hence, otherwise, so then, subsequently, therefore, thus, thereupon, wherefore</p>
<p>Generalizing:
as a rule, as usual, for the most part,
generally, generally speaking, ordinarily, usually</p>
<p>Exemplifying:
chiefly, especially, for instance, in particular, markedly, namely,
particularly, including, specifically, such as</p>
<p>Illustration:
for example, for instance, for one thing, as an illustration,
illustrated with, as an example, in this case</p>
<p>Emphasis
above all, chiefly, with attention to, especially, particularly, singularly</p>
<p>Similarity:
comparatively, coupled with, correspondingly, identically, likewise, similar, moreover, together with</p>
<p>Exception:
aside from, barring, besides, except, excepting, excluding, exclusive of, other than, outside of, save</p>
<p>Restatement:
in essence, in other words, namely, that is, that is to say,
in short, in brief, to put it differently</p>
<p>Contrast and Comparison:
contrast, by the same token, conversely, instead, likewise,
on one hand, on the other hand, on the contrary, rather,
similarly, yet, but, however, still, nevertheless, in contrast</p>
<p>Sequence:
at first, first of all, to begin with, in the first place, at the same time,
for now, for the time being, the next step, in time, in turn, later on,
meanwhile, next, then, soon, the meantime, later, while, earlier,
simultaneously, afterward, in conclusion, with this in mind,</p>
<p>Summarizing:
after all, all in all, all things considered, briefly, by and large, in any case, in any event,
in brief, in conclusion, on the whole, in short, in summary, in the final analysis,
in the long run, on balance, to sum up, to summarize, finally</p>
<p>Diversion:
by the way, incidentally</p>
<p>Direction:
here, there, over there, beyond, nearly, opposite, under, above,
to the left, to the right, in the distance</p>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#writing"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Writing</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/02/21/Blackhole.html
+311
View File
@@ -0,0 +1,311 @@
<!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>
Blackhole &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Blackhole</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-21</span>
<span class="post-categories">
&bull;
Art
</span>
</div>
<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>
<!-- more -->
<h1 id="blackhole">Blackhole</h1>
<p>Imagine, just for a moment, that you are aboard a spaceship equipped with a magical engine capable of accelerating you to any arbitrarily high velocity. This is absolutely and utterly impossible, but it turns out it’ll be okay, for reasons you’ll see in a second.</p>
<p>Because you know your engine can push you faster than the speed of light, you have no fear of black holes. In the interest of scientific curiosity, you allow yourself to fall through the event horizon of one. And not just any black hole, but rather a carefully chosen one, one sufficiently massive that its event horizon lies quite far from its center. This is so you’ll have plenty of time between crossing the event horizon and approaching the region of insane gravitational gradient near the center to make your observations and escape again.</p>
<p>As you fall toward the black hole, you notice some things which strike you as highly unusual, but because you know your general relativity they do not shock or frighten you. First, the stars behind you — that is, in the direction that points away from the black hole — grow much brighter. The light from those stars, falling in toward the black hole, is being blue-shifted by the gravitation; light that was formerly too dim to see, in the deep infrared, is boosted to the point of visibility.</p>
<p>Simultaneously, the black patch of sky that is the event horizon seems to <em>grow</em> strangely. You know from basic geometry that, at this distance, the black hole should subtend about a half a degree of your view — it should, in other words, be about the same size as the full moon as seen from the surface of the Earth. Except it isn’t. In fact, it fills half your view. Half of the sky, from notional horizon to notional horizon, is pure, empty blackness. And <em>all</em> the other stars, nearly the whole sky full of stars, are crowded into the hemisphere that lies behind you.</p>
<p>As you continue to fall, the event horizon opens up beneath you, so you feel as if you’re descending into a featureless black bowl. Meanwhile, the stars become more and more crowded into a circular region of sky centered on the point immediately aft. The event horizon does not <em>obscure</em> the stars; you can watch a star just at the edge of the event horizon for as long as you like and you’ll never see it slip behind the black hole. Rather, the field of view through which you see the rest of the universe gets smaller and smaller, as if you’re experiencing tunnel-vision.</p>
<p>Finally, just before you’re about to cross the event horizon, you see the entire rest of the observable universe contract to a single, brilliant point immediately behind you. If you train your telescope on that point, you’ll see not only the light from all the stars and galaxies, but also a curious dim red glow. This is the cosmic microwave background, boosted to visibility by the intense gravitation of the black hole.</p>
<p>And then the point goes out. All at once, as if God turned off the switch.</p>
<p>You have crossed the event horizon of the black hole.</p>
<p>Focusing on the task at hand, knowing that you have limited time before you must fire up your magical spaceship engine and escape the black hole, you turn to your observations. Except you don’t see anything. No light is falling on any of your telescopes. The view out your windows is blacker than mere black; you are looking at non-existence. There is <em>nothing</em> to see, <em>nothing</em> to observe.</p>
<p>You know that somewhere ahead of you lies the singularity … or at least, whatever the universe deems fit to exist at the point where our mathematics fails. But you have no way of observing it. Your mission is a failure.</p>
<p>Disappointed, you decide to end your adventure. You attempt to turn your ship around, such that your magical engine is pointing toward the singularity and so you can thrust yourself away at whatever arbitrarily high velocity is necessary to escape the black hole’s hellish gravitation. But you are thwarted.</p>
<p>Your spaceship has sensitive instruments that are designed to detect the gradient of gravitation, so you can orient yourself. These instruments should point straight toward the singularity, allowing you to point your ship in the right direction to escape. Except the instruments are going haywire. They seem to indicate that the singularity lies <em>all around you.</em> In <em>every</em> direction, the gradient of gravitation increases. If you are to believe your instruments, you are at the point of lowest gravitation inside the event horizon, and every direction points “downhill” toward the center of the black hole. So <em>any direction you thrust your spaceship</em> will push you closer to the singularity and your death.</p>
<p>This is clearly nonsense. You cannot believe what your instruments are telling you. It must be a malfunction.</p>
<p>But it isn’t. It’s the absolute, literal truth. Inside the event horizon of a black hole, there <em>is</em> no way out. There are no directions of space that point away from the singularity. Due to the Lovecraftian curvature of spacetime within the event horizon, all the trajectories that <em>would</em> carry you away from the black hole now point into the past.</p>
<p>In fact, this is the definition of the event horizon. It’s the boundary separating points in space where there <em>are</em> trajectories that point away from the black hole from points in space where there are none.</p>
<p>Your magical infinitely-accelerating engine is of no use to you … because you cannot find a direction in which to point it. The singularity is all around you, in every direction you look.</p>
<p>And it is getting closer.</p>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#reading"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Reading</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/02/22/Bestandteile-einer-Rechnung.html
+279
View File
@@ -0,0 +1,279 @@
<!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>
Die Rechnung &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Die Rechnung</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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>
<!-- more -->
<ul>
<li>Der vollständige Name und die Anschrift des Rechnungs<strong>steller</strong></li>
<li>Der vollständige Name und die Anschrift des Rechnungs<strong>empfänger</strong></li>
<li>Die Steuernummer des Rechnungs<strong>stellers</strong></li>
<li>Das Ausstellungsdatum</li>
<li>Eine eindeutig Rechnungsnummer</li>
<li>Die Menge und Art der gelieferten Leistung</li>
<li>Das Datum der Lieferung (auch wenn identisch mit oben!)</li>
<li>Der Netto-Betrag der Lieferung</li>
<li>Den anzuwendenden Steuersatz</li>
<li>Den anfallenden Steuerbetrag</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#deutsch"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Deutsch</span></a>
<a href="/tags#checklist"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Checklist</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/02/22/iPad-Gestures.html
+292
View File
@@ -0,0 +1,292 @@
<!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>
iPad Gestures &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">iPad Gestures</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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 didn’t 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>
<!-- more -->
<ul>
<li>Swipe with two fingers on the virtual keyboard to move cursor.</li>
<li>Tap and hold with two fingers to begin selecting, then move fingers to expand selection, OR</li>
<li>Tap once with two fingers to select single word.</li>
<li>Double tap with two fingers to select sentence.</li>
<li>Triple tap with two fingers to select paragraph.</li>
</ul>
<p>While text is selected:</p>
<ul>
<li>Swipe left/up with two fingers to move left selection handle.</li>
<li>Swipe right/down with two fingers to move right selection handle.</li>
<li>Tap once with two fingers to exit selection and return to cursor mode.</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#apple"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Apple</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html
+360
View File
@@ -0,0 +1,360 @@
<!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>
Use the Pumping Lemma for Regular Languages &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Use the Pumping Lemma for Regular Languages</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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, I’ll try to explain it as best as I can – repetition is key for retaining knowledge!</p>
<!-- more -->
<h1 id="my-explanation">My Explanation</h1>
<p><a href="https://old.reddit.com/r/computerscience/comments/atrs4y/pumping_lemma_in_theory_of_computation/eh3aw9k/">My original post on Reddit.</a></p>
<p>To understand the PL, we think about it in two steps. I’ll do it for the regular languages. You can do the same on your own for the context free languages. The idea is the same.</p>
<ol>
<li>We create a visual model to understand what it is about.</li>
<li>We do a PL proof.</li>
</ol>
<h2 id="1-creating-a-visual-model-in-your-mind">1. Creating a visual model in your mind.</h2>
<p>Firstly, we have to keep in mind that we want to show that a language is not regular. Let’s reason a little bit more about regular languages:</p>
<ul>
<li>Regular languages can be accepted by finite automata (FA). That means: if your language is regular, there is an FA that accepts this language.</li>
<li>To check, whether a word is accepted by an FA, you start in a state, start reading in letters of your word and follow the edges through the FA. If the whole word is read and we end up in a final state, the FA accepts the word.</li>
<li>But hold on a second! FA can also accept words that have more letters than we have states and edges. How can that be?! The answer: loops.</li>
<li>Now, given any regular language, we <strong>know</strong> that there is an FA that accepts it (this is a theorem).</li>
<li>That means: if we have a word, that has more letters than we have states, but is still accepted by our FA, we <strong>have to have</strong> a loop in our FA.</li>
<li>Think about it: we can repeat this loop as many times as we want and the FA would still accept words that are processed by going through the loop repeatedly. <strong>It has to!</strong></li>
<li>This repeating of the loop is referred to as pumping a word up or down.</li>
</ul>
<h2 id="2-doing-a-proof">2. Doing a proof.</h2>
<p>Now, secondly, you want to proof something using this lemma. Let’s start with the PL (really try to understand this line!):</p>
<p><code class="language-plaintext highlighter-rouge">L ∈ REG → ∃n ∈ ℕ ∀x ∈ L: |x| ≥ n ∃u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n ∀i ∈ ℕ: u ∘ vⁱ ∘ w ∈ L</code></p>
<p>I’ll break it down. Remember: This is a theorem. If you meet the conditions of the implication (part on the left), you now <strong>know</strong> that the part on the right is true.</p>
<ol>
<li><code class="language-plaintext highlighter-rouge">L ∈ REG →</code>: “Given a regular language, the following is true.”</li>
<li><code class="language-plaintext highlighter-rouge">∃n ∈ ℕ</code>: “There is a natural number”</li>
<li><code class="language-plaintext highlighter-rouge">∀x ∈ L: |x| ≥ n</code>: “For every word <code class="language-plaintext highlighter-rouge">x</code> that is in the language and longer than this natural number”
<ul>
<li>Remember the argument with the loops from part 1. This just says: we now have a word that has more letters than we have states.</li>
</ul>
</li>
<li><code class="language-plaintext highlighter-rouge">∃u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n</code>: “You can split up the word <code class="language-plaintext highlighter-rouge">x</code> into three parts: <code class="language-plaintext highlighter-rouge">u, v, w</code> where the length of <code class="language-plaintext highlighter-rouge">v</code> is equal to or bigger than <code class="language-plaintext highlighter-rouge">1</code> and the length of <code class="language-plaintext highlighter-rouge">u ∘ v</code> is smaller than our natural number from before”
<ul>
<li>Here we describe the loop in more detail. <code class="language-plaintext highlighter-rouge">v</code> is the part that we can pump, because there is a loop that processes v (and can thus process arbitrary iterations of v - or skip it altogether. And because <code class="language-plaintext highlighter-rouge">u ∘ v</code> is smaller than <code class="language-plaintext highlighter-rouge">n</code>, we didn’t need a loop until now. We only really <strong>need</strong> a loop, if our word has more letters than we have states!</li>
</ul>
</li>
<li><code class="language-plaintext highlighter-rouge">∀i ∈ ℕ: u ∘ vⁱ ∘ w ∈ L</code>: “If all the conditions before have been met, we can now pump <code class="language-plaintext highlighter-rouge">v</code> up or down and the resulting word is still in the language!”
<ul>
<li>Since it is a loop, pumping doesn’t make a difference. If you go the loop a million times, the word is still in the language.</li>
</ul>
</li>
</ol>
<p>That’s it. Again, because it is proved, you <strong>know</strong> it’s true if all the conditions are met.</p>
<p>We want to use the lemma to show, that a language <strong>is not</strong> a regular language. Let’s have a look at the implication from above. Think about the left part of the implication (<code class="language-plaintext highlighter-rouge">L ∈ REG</code>) as <code class="language-plaintext highlighter-rouge">A</code> and the right part (<code class="language-plaintext highlighter-rouge">∃n ∈ ℕ ∀x ∈ L: |x| ≥ n ∃u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n ∀i ∈ ℕ: u ∘ vⁱ ∘ w ∈ L</code>) as <code class="language-plaintext highlighter-rouge">B</code>: <code class="language-plaintext highlighter-rouge">A → B</code>.</p>
<p>We can now do the following transformation:</p>
<p><code class="language-plaintext highlighter-rouge">A → B ≡ ¬B → ¬A</code></p>
<p>To pull in the negation on the right side of this transformation, all the quantifiers have to “flip around”. This means the sentence now looks like this:</p>
<p><code class="language-plaintext highlighter-rouge">∀n ∈ ℕ ∃x ∈ L: |x| ≥ n ∀u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n ∃i ∈ ℕ: u ∘ vⁱ ∘ w ∉ L → L ∉ REG</code></p>
<p>Again, this is still the Pumping Lemma. We didn’t change it, we just used an transformation for the implication that is equivalent. If you meet the conditions on the left, you <strong>know</strong> the sentence on the right is true.</p>
<p>Let’s use this on an example: Show that <code class="language-plaintext highlighter-rouge">L = {aᵏ ∘ bᵏ | k ≥ 0}</code> is not regular.</p>
<ol>
<li>Take any number <code class="language-plaintext highlighter-rouge">n</code>.</li>
<li>Select a word with the requirement <code class="language-plaintext highlighter-rouge">x ∈ L</code> with <code class="language-plaintext highlighter-rouge">|x| ≥ n</code>. Your mathematical creativity is requested here! You need to pick a word that helps you show the rest of the conditions easily! We are going to pick: <code class="language-plaintext highlighter-rouge">x = aⁿbⁿ</code>. This is convenient, because it’s obvious that it is as least as long as n (n occurs twice in it as an exponent). The important property to note: there are exactly as many <code class="language-plaintext highlighter-rouge">a</code> as there are <code class="language-plaintext highlighter-rouge">b</code> in this word. So if we can pump it in a way, that this is not the case anymore, we are golden!</li>
<li>Now we have to look at <strong>all</strong> of the partitions <code class="language-plaintext highlighter-rouge">x = uvw</code> with the conditions <code class="language-plaintext highlighter-rouge">|v| ≥ 1</code> and <code class="language-plaintext highlighter-rouge">|uv| ≤ n</code>. Since we have to look at all of them we just say: Let’s assume these conditions are met (we can now use them in the next step).</li>
<li>Pick an <code class="language-plaintext highlighter-rouge">i</code> that shows that <code class="language-plaintext highlighter-rouge">u ∘ vⁱ ∘ w ∉ L</code>. Let’s take <code class="language-plaintext highlighter-rouge">i = 0</code>.
<ul>
<li>Since our word is <code class="language-plaintext highlighter-rouge">aⁿbⁿ</code> and one of the conditions is <code class="language-plaintext highlighter-rouge">|uv| ≤ n</code>, we know that <code class="language-plaintext highlighter-rouge">uv</code> can <strong>only</strong> consist of the letter <code class="language-plaintext highlighter-rouge">a</code>.</li>
<li>And because we have the condition <code class="language-plaintext highlighter-rouge">|v| ≥ 1</code>, we also know that <code class="language-plaintext highlighter-rouge">v</code> has to contain <strong>at least</strong> one letter <code class="language-plaintext highlighter-rouge">a</code>.</li>
<li>If we now remove this letter (or maybe its more than one letter, it doesn’t matter), the amount of letters <code class="language-plaintext highlighter-rouge">a</code> in the word <code class="language-plaintext highlighter-rouge">x</code> is now not equal to the amount of letters <code class="language-plaintext highlighter-rouge">b</code> in the word.</li>
<li>Hence: Our word is not part of the language any more (<code class="language-plaintext highlighter-rouge">u ∘ v⁰ ∘ w ∉ L</code>), violating the PL.</li>
</ul>
</li>
</ol>
<p>This shows that <code class="language-plaintext highlighter-rouge">L = {aᵏ ∘ bᵏ | k ≥ 0}</code> is not a regular language.</p>
</div>
<div class="py-3">
<a href="/tags#proof"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Proof</span></a>
<a href="/tags#computer-science"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Computer Science</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2019/03/25/High-Quality-Swift-Libraries.html
+289
View File
@@ -0,0 +1,289 @@
<!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>
Collection of High Quality Swift Libraries &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Collection of High Quality Swift Libraries</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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>
<!-- more -->
<ul>
<li><a href="https://github.com/patchthecode/JTAppleCalendar">JTAppleCalendar</a>: Need a calendar view? Don’t roll your own.</li>
<li><a href="https://github.com/evgenyneu/keychain-swift">Keychain</a>: Have something that need secure storage, like a password? Put it in the keychain.</li>
<li><a href="https://github.com/IvanVorobei/SPPermission">SPPermission</a>: Your app needs permissions? Inform the user properly. It’s important.</li>
<li><a href="https://github.com/malcommac/SwiftDate">SwiftDate</a>: Handles all your date and time needs. <a href="https://www.youtube.com/watch?v=-5wpm-gesOY">Don’t roll your own</a>.</li>
<li><a href="https://github.com/SvenTiigi/WhatsNewKit">WhatsNewKit</a>: Welcome your new user like apple does.</li>
</ul>
<h2 id="helper">Helper</h2>
<ul>
<li><a href="https://github.com/radex/SwiftyUserDefaults">SwiftyUserDefaults</a>: A small wrapper around NSUserDefaults that makes the usage swifter.</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#swift"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Swift</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2020/07/19/Install-Mailtrain-on-Uberspace-7.html
+400
View File
@@ -0,0 +1,400 @@
<!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>
Install Mailtrain on Uberspace 7 &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Install Mailtrain on Uberspace 7</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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>
<!-- more -->
<h2 id="installation">Installation</h2>
<p>This guide uses Node.js version 12, which is the <a href="https://manual.uberspace.de/lang-nodejs.html#standard-version">default</a> on Uberspace 7 at at the moment.</p>
<p>Clone the <a href="https://github.com/Mailtrain-org/mailtrain">GitHub</a>
repository:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust ~]$</span><span class="w"> </span>git clone git://github.com/Mailtrain-org/mailtrain.git
<span class="gp">[isabell@stardust ~]$</span><span class="w">
</span></code></pre></div></div>
<p>Install the required dependencies:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust ~]$</span><span class="w"> </span><span class="nb">cd </span>mailtrain
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w"> </span>npm <span class="nb">install</span> <span class="nt">--production</span>
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w">
</span></code></pre></div></div>
<h2 id="configuration">Configuration</h2>
<h3 id="database-setup">Database Setup</h3>
<p>Create a new database:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust mailtrain]$</span><span class="w"> </span>mysql <span class="nt">-e</span> <span class="s2">"CREATE DATABASE </span><span class="k">${</span><span class="nv">USER</span><span class="k">}</span><span class="s2">_mailtrain;"</span>
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w">
</span></code></pre></div></div>
<h3 id="mailtrain-config">Mailtrain Config</h3>
<p>Copy the example config file:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust mailtrain]$</span><span class="w"> </span><span class="nb">cp </span>config/default.toml config/production.toml
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w">
</span></code></pre></div></div>
<p>Update <code class="language-plaintext highlighter-rouge">production.toml</code> with your MySQL settings; look for the
<code class="language-plaintext highlighter-rouge">[mysql]</code> block:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">...
</span><span class="go">
[mysql]
host="localhost"
user="isabell"
password="MySuperSecretPassword"
database="isabell_mailtrain"
</span><span class="c">...
</span></code></pre></div></div>
<h3 id="web-backend-config">Web Backend Config</h3>
<p><a href="https://mailtrain.org/">Mailtrain</a> is running on port 3000. Configure the server to respond to port 3000 using web backends:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust ~]$</span><span class="w"> </span>uberspace web backend <span class="nb">set</span> / <span class="nt">--http</span> <span class="nt">--port</span> 3000
<span class="gp">[isabell@stardust ~]$</span><span class="w">
</span></code></pre></div></div>
<h3 id="supervisord-daemon-setup">Supervisord Daemon Setup</h3>
<p>Create <code class="language-plaintext highlighter-rouge">~/etc/services.d/mailtrain.ini</code> with the following content:</p>
<div class="language-ini highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nn">[program:mailtrain]</span>
<span class="py">directory</span><span class="p">=</span><span class="s">%(ENV_HOME)s/mailtrain/</span>
<span class="py">command</span><span class="p">=</span><span class="s">env NODE_ENV=production /bin/node index.js</span>
<span class="py">autostart</span><span class="p">=</span><span class="s">yes</span>
<span class="py">autorestart</span><span class="p">=</span><span class="s">yes</span>
</code></pre></div></div>
<p>If it’s not in state RUNNING, check your configuration.</p>
<h3 id="login-and-change-admin-credentials">Login and Change Admin Credentials</h3>
<div class="alert alert-danger" role="alert">
Change the default admin credentials to prevent unauthorized access of your data!
</div>
<p>Your <a href="https://mailtrain.org/">Mailtrain</a> installation should now be
reachable on <code class="language-plaintext highlighter-rouge">https://isabell.uber.space</code>. Log in with the username
<code class="language-plaintext highlighter-rouge">admin</code> and the password <code class="language-plaintext highlighter-rouge">test</code>.</p>
<p>Go to <code class="language-plaintext highlighter-rouge">https://isabell.uber.space/users/account</code> and change your email
address as well as your password.</p>
<div class="alert alert-info" role="alert">
It is not possible to change the username in the GUI. If you want to change the default username `admin` to something else or add additional users, you have to do it directly in the database.
</div>
<h2 id="finishing-installation">Finishing installation</h2>
<p>Go to <code class="language-plaintext highlighter-rouge">https://isabell.uber.space/settings</code>. In the <strong>General Settings</strong> section change the <strong>Service Address (URL)</strong>
to <code class="language-plaintext highlighter-rouge">https://isabell.uber.space/</code>.</p>
<p>In the <strong>Mailer Settings</strong> section change the</p>
<blockquote>
<ul>
<li><em>Hostname</em>,</li>
<li><em>Port</em>,</li>
<li><em>Encryption</em>,</li>
<li><em>username</em>,</li>
<li><em>password</em>, and</li>
<li>test your settings by pressing the Button <strong>Check Mailer Config</strong>.</li>
</ul>
</blockquote>
<div class="alert alert-warning" role="alert">
Uberspace does not allow mass mailings from their servers according to their House Rules. However, you can use Mailtrain as the admin interface for your mailing needs. Use the SMTP services from AWS SES, Sendgrid, Mailgun, etc. for the actual mailing.
</div>
<h2 id="best-practices">Best Practices</h2>
<ul>
<li>Test the configuration by creating a new list and subscribing yourself
to it.</li>
<li>Craft your campaign with love and dedication.</li>
<li>Don’t spam users that don’t want your newsletter.</li>
</ul>
<hr />
<p>Tested on Uberspace v7.7.0 with NodeJS v12 and MariaDB 10.3.23.</p>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#self-hosted-software"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Self-Hosted Software</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2020/07/20/The-Collection.html
+307
View File
@@ -0,0 +1,307 @@
<!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>
The Collection &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">The Collection</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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>
<p><!-- more --></p>
<h2 id="web-services">Web Services</h2>
<p><a href="https://uberspace.de">Uberspace</a> is a hosting provider. They offer a shared hosting experience that is a little bit more limited than a root server. However, their support is amazing and it’s a super good place to host for tinkerers and small projects. Highly recommended. Check out my <a href="/category/tutorials.html">Tutorials</a> or the <a href="https://lab.uberspace.de">Uberlab for U7</a> for things you can do on your Uberspace!</p>
<p>Things I am using on Uberspace:</p>
<ul>
<li><a href="http://invoiceplane.com">InvoicePlane</a>: Simple invoicing software. Offers sending offers and invoices via email, too!</li>
<li><a href="https://matomo.org">Matomao</a>: Analytics software to avoid Google.</li>
<li><a href="http://redmine.org">Redmine</a>: Amazing project management solution.</li>
<li><a href="http://syncthing.net">Syncthing</a>: File synchronisation alternative.</li>
</ul>
<p><a href="https://tecspace.de">Tecspace</a> is a hosting provider and domain registrar. I buy and manage my domains through their service. It is extremely cheap, costing only 2,50 EUR per year, if you have 10 or more domains. I love their admin interface. It is simple, behaves like a website should behave (no JavaScript shenanigans) and is very powerful.</p>
<p><a href="https://pinboard.in">Pinboard</a> is a bookmarking service. It’s minimalistic, easy to use and offers an archiving service so you will never lose these good articles on the internet again.</p>
<h2 id="software">Software</h2>
<h3 id="pictures-design-illustrating">Pictures, Design, Illustrating</h3>
<p><a href="https://affinity.serif.com/">Affinity</a> produces <a href="https://affinity.serif.com/en-gb/designer/">Affinity Designer</a> and <a href="https://affinity.serif.com/en-gb/photo/">Affinity Photo</a>. They are competitors to the popular Adobe Photoshop and Illustrator. These two programs are <em>exceptional</em>. You can do basically everything you can do with their Adobe counterparts, but they only cost 55 EUR each. No subscriptions, no recurring fees. The interface is polished and if you are an Adobe user you will be right at home. Quit Adobe today. Don’t let them milk you.</p>
<p><a href="https://www.apollooneapp.com/">Appollo One</a> is a really fast image viewer.</p>
<h3 id="random-apps">Random Apps</h3>
<p><a href="https://sensei.app/">Sensei</a> is a system monitoring app with a nice Mac compliant interface.</p>
<p><a href="http://mactracker.ca/">Mactracker</a> is an app that lists all apple hardware and their specifications. No need to google for these things anymore.</p>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#collection"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Collection</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2020/08/02/Strategies-from-the-Happiness-Lab.html
+293
View File
@@ -0,0 +1,293 @@
<!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>
Strategies from the Happiness Lab &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Strategies from the Happiness Lab</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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>
<!-- more -->
<ul>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000469606673">Meditate.</a> You have probably heard about people recommending meditating a thousand times. Do it. Start with 1 minute every day. The research of the benefits seems to be overwhelming.</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000463759567">Sleep enough.</a> Trivial. Humans need sleep. Get. Some. Make it a ritual to go to bed. Make the bed a sanctuary. No screens, no distractions. If you are lying in bed, you sleep. If you can’t sleep, leave the bed and try again later. You can combine the ritual with meditation (see above).</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000455959891">Remove choice.</a> Being in control of and having to decide everything is exhausting. Remove unnecessary choices from your life. Have a big wardrobe? Reduce it and go minimal. Or to quote President Obama who always wore a white shirt and cycled through his suits: “Do you know how many decision I have to make throughout the day? You think I also want to decide what to wear?”</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000468907282">Coach yourself from the third person.</a> The research suggests that you perform better and are happier, if you think about the challenges you are facing from a third person perspective. The key term is <strong>distancing</strong>. Distance yourself to get a clearer picture of what is going on. You can use personal distancing (use your name instead of “I”): “Felix knows what he is doing and has experience. Trust him.” You can use temporal distancing: “Felix has faced this threat before and came out successful.” You can use group distancing: “We are a strong society and can solve this challenge together.”</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000452731206">Connect with others. Even strangers.</a> Modern life aims at removing all inconveniences. But it also removes social connections with other people. The example from the podcast is from the guy that invented the ATM. When there were still bank tellers, you had to wait in line – where you might have to interact socially – and had to interact with the teller. A person. Research suggests that happiness improves just by interacting with other people</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000469255597">Frame your emotions.</a> When encountering an emotion, you have 5 seconds to decide how to react to it. Use different frames depending on the situation. Examples for these frames:
<ul>
<li><strong>The comedic frame</strong> Try to tell a joke about the situation.</li>
<li><strong>The future storytelling frame</strong> Live your life in a way so that your story, told <strong>truthfully</strong>, makes you look like the person you strife to be. Which story sounds better to you? The story about a miserable and frustrated person that gave up on the slightest problem <strong>or</strong> the story about the person that strongly and cleverly encounters the challenges life throws at her and masters these challenges while smiling.</li>
<li><strong>The stoic gods challenge frame</strong> Use stoic, imaginary gods as a psychological device: Every setback you face in life is a test these gods have designed to test you and your character. And you want and can prove to them that you are up to the challenge. The harder the challenge is, the more trust the gods have in you.</li>
</ul>
</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000469255597">Practice negative visualization.</a> Pause every once in a while during the day and think about what you could lose and how that would make you feel. Don’t dwell on these thoughts. Just let them flicker for a second. This aims at increasing your appreciation for the people and things you have in your life.</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#philosophy"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Philosophy</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/07/20/The-Collection.html"> The Collection</a>
<span class="badge bg-secondary"><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> 2020-08-28</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2020/08/04/Ideas.html
+345
View File
@@ -0,0 +1,345 @@
<!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>
Ideas &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Ideas</h1>
</div>
</header>
<div class="row">
<div class="col">
<div class="card-subtitle mb-2 text-muted">
<span class="">2020-08-04</span>
<span class="post-categories">
&bull;
Personal
</span>
</div>
<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>
<!-- more -->
<h2 id="product-ideas">Product Ideas</h2>
<p><strong>Flatpen:</strong> Pens have a problem. They are round and stiff and that makes them harder to carry around. The idea: Create a pen that uses regular pen mines, but folds flat so it can be put inside of a notebook without making it wobble.</p>
<p><strong>Process Visualization with Z-Layers:</strong> Processes are an important part of business development and optimization. Their visualization is important for communicating them. Most process visualization software is clunky to use. Finding the right layer of abstractions with processes is hard by default – software should make it easier. This has to be a combined solution: From the editor to the reader. The core idea is using Z-layer zooming to make it more intuitive (e.g. pinching in mobile and tablet apps).</p>
<p><strong>Magic Handshake:</strong> Create a system that supports favors. Being in the system opens you doors, because you know someone. Like an exclusive club.</p>
<p><strong>10 Minute Mentor:</strong> Finding is a mentor is difficult. Make it easier.</p>
<p><strong>Sane Games:</strong> Create a list of games that are <em>sane</em>: no IAP, no psycho abuse, etc.</p>
<h2 id="web-app-ideas">Web App Ideas</h2>
<p><strong>Sign-up:</strong> Create an event where people can sign up really easily. Like <a href="https://raid-helper.com/">Raid Helper</a>, but generalized.</p>
<p><strong>WOOP:</strong> PWA that implements the <a href="https://en.wikipedia.org/wiki/GROW_model">GROW</a> or <a href="https://en.wikipedia.org/wiki/Gabriele_Oettingen">WOOP</a> mental model.</p>
<p><strong>Predefined Workflow Builder/Checklister/Show the Way:</strong> Many task in modern life follow step-by-step processes. It is <strong>really</strong> inefficient that everybody has to learn them individually. It should be easy to download a pre-created checklist for a specific task and then succeed with just following this checklist. E.g. “How to do a product launch” –&gt; Step 1: Do X. Step 2: Do Y., “How to learn JavaFX” –&gt; etc. Specialised Version of this could be a “You should app”. A collection of things everybody should do and/or have. Have a bank account, have insurance, etc.</p>
<p><strong>GitHub Contributions for Everything:</strong> GitHub Contributions are awesome. They give a quick and intuitive overview about progress. Create a way that allows tracking everything like this.</p>
<p><strong>Applicant Oriented Applications:</strong> Applications are awful for the applicant. They are at the mercy of organizations. They have to send in all their information and then they have to wait. And they have to do that multiple times. Use different interfaces, create different formats, and so on. It should be easier.</p>
<p><strong>Make it very easy to donate to a good cause/org:</strong> One click donations. It is not easy to set up donations in Germany. There is a lot of hassle involved with creating receipts etc. This should be super easy for the associated organizations and should allow integrated systems like PayPal and Stripe for payments.</p>
<p><strong>Local Twitter:</strong> It’s not always easy to know what’s happening around your. Make an app that makes it really easy to know what public events are happening right now around you. Concert? Demonstration? Check and know.</p>
<p><strong>Gamekey Exchange:</strong>
Enable people that buy things like humble bundle to trade their unused keys with each other.</p>
<h2 id="computer-and-phone-app-ideas">Computer and Phone App Ideas</h2>
<p><strong>On time:</strong> Calendar integration that allows one click information to others, if you are on time or not.</p>
<p><strong>Hierarchical Documentation:</strong> Documentation of software is often flat, even though hierarchies are at the core of many projects. Tools should display hierarchies to make it easier to quickly grasp software libraries.</p>
<p><strong>Moderator Toolbox:</strong> Organizing groups is hard. Make using speech lists, protocols, etc. easy to do.</p>
<p><strong>Cadence and Heartbeat Music:</strong> Generate electronic music (e.g. with AI) and use the heartbeat sensor of the Apple Watch attach it to the cadence and/or heart rate of the person.</p>
<p><strong>Vaccination Card:</strong> There is a yellow book that helps track vaccinations. Make one that’s on your phone.</p>
<p><strong>Walk the City:</strong> Exploring a city is awesome. Make an app that tracks all routes/streets you have already been to on the map to facilitate walking every road once.</p>
<p><strong>Checkpoints:</strong> Create a system that allows people with bad time management to tell an accurate prediction on when they’ll get somewhere. Use map data and checkpoints to find out the time.</p>
<p><strong>Color Clipboard:</strong> Monitor clipboard and store Hex codes. Give a nice UI to create palettes, etc.</p>
<p><strong>Kontakte:</strong> Create a Tinder-like interface to clean-up contacts: Keep, delete, edit. Have a nice and easy way to add notes and tags. Potentially: Add whitelist/blocklist.</p>
<p><strong>Business Plan Archive:</strong> Like ideas business plans have way less value than people think. Put them in the public domain.</p>
<p><strong>Track a Thing:</strong> App that has a unified interface to track things <strong>very</strong> easily. Did a run: Track. How many days since you last called your mother: Track. Is your Doner bigger or smaller than average: Track.</p>
<p><strong>Single Player Raider (Game):</strong> A game where you do a 40-person raid, but you do it solo on your own terms.</p>
<h2 id="apps-that-already-exist-or-probably-exists-but-require-better-design-should-not-cost-money-or-should-be-open-source">Apps that already exist (or probably exists), but require better design, should not cost money or should be open source</h2>
<ul>
<li><strong>Tiddlywiki for Mac</strong></li>
<li><strong>Anki for Mac</strong></li>
<li><strong>Twitch for Mac:</strong> mpv/IINA as player and chat on the bottom (native portrait mode)</li>
<li><strong>Ebook reader for Mac:</strong> Books always adds the PDF/ePub to the library, which is not always required</li>
<li><strong>Reddit but with a limit:</strong> Scrolling is unhealthy.</li>
<li><strong>Archiver for Mac:</strong> Easy archiving of things. YouTube via youtube-dl, etc.</li>
<li>https://www.progressbarosx.com/</li>
<li><strong>Ambience:</strong> Menu bar one-click music player for study/background music</li>
</ul>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
<a href="/tags#collection"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Collection</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html"> Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
<li>
<a href="/2020/07/20/The-Collection.html"> The Collection</a>
<span class="badge bg-secondary"><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> 2020-08-28</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/2020/08/05/Apple-Colors.html
+417
View File
@@ -0,0 +1,417 @@
<!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>
Apple Colors in SCSS &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="post">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">Apple Colors in SCSS</h1>
</div>
</header>
<div class="row">
<div class="col">
<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>
<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. It’s 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>
<!-- more -->
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// macOS-colors-dark.scss</span>
<span class="nv">$macOS-systemBlue-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">10</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemBrown-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">172</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">104</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGray-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">152</span><span class="o">,</span> <span class="m">152</span><span class="o">,</span> <span class="m">157</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGreen-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">50</span><span class="o">,</span> <span class="m">215</span><span class="o">,</span> <span class="m">75</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemIndigo-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">94</span><span class="o">,</span> <span class="m">92</span><span class="o">,</span> <span class="m">230</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemOrange-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">159</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPink-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">55</span><span class="o">,</span> <span class="m">95</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPurple-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">191</span><span class="o">,</span> <span class="m">90</span><span class="o">,</span> <span class="m">242</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemRed-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">69</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemTeal-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">100</span><span class="o">,</span> <span class="m">210</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemYellow-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControl-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">208</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControlText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlBackground-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-disabledControlText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-grid-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-headerText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-highlight-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">180</span><span class="o">,</span> <span class="m">180</span><span class="o">,</span> <span class="m">180</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-labelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-linkColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">65</span><span class="o">,</span> <span class="m">156</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-placeholderTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-quaternaryLabelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-secondaryLabelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.5</span><span class="p">);</span>
<span class="nv">$macOS-selectedContentBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">208</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">63</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">109</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-selectedMenuItemTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">63</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">139</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-separatorColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-shadowColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="p">);</span>
<span class="nv">$macOS-tertiaryLabelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-textBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-textColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-underPageBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">40</span><span class="o">,</span> <span class="m">40</span><span class="o">,</span> <span class="m">40</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedContentBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">50</span><span class="o">,</span> <span class="m">50</span><span class="o">,</span> <span class="m">50</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowFrameTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// macOS-colors-light.scss</span>
<span class="nv">$macOS-systemBlue</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">122</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemBrown</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">162</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">94</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGray</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">142</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">147</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGreen</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">40</span><span class="o">,</span> <span class="m">205</span><span class="o">,</span> <span class="m">65</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemIndigo</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">88</span><span class="o">,</span> <span class="m">86</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemOrange</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">149</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPink</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">45</span><span class="o">,</span> <span class="m">85</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPurple</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">175</span><span class="o">,</span> <span class="m">82</span><span class="o">,</span> <span class="m">222</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemRed</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">59</span><span class="o">,</span> <span class="m">48</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemTeal</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">90</span><span class="o">,</span> <span class="m">200</span><span class="o">,</span> <span class="m">250</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemYellow</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControl</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControlText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlBackground</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-disabledControlText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-grid</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">204</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-headerText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-highlight</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-labelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-linkColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">104</span><span class="o">,</span> <span class="m">218</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-placeholderTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-quaternaryLabelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-secondaryLabelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span> <span class="o">,</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.5</span><span class="p">);</span>
<span class="nv">$macOS-selectedContentBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">225</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">179</span><span class="o">,</span> <span class="m">215</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-selectedMenuItemTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">179</span><span class="o">,</span> <span class="m">215</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-separatorColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-shadowColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-tertiaryLabelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-textBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-textColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-underPageBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">150</span><span class="o">,</span> <span class="m">150</span><span class="o">,</span> <span class="m">150</span><span class="o">,</span> <span class="m">0</span><span class="mi">.9</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedContentBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">236</span><span class="o">,</span> <span class="m">236</span><span class="o">,</span> <span class="m">236</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowFrameTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// iOS-colors-dark.scss</span>
<span class="nv">$iOS-systemBlue-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">10</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGreen-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">48</span><span class="o">,</span> <span class="m">209</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemIndigo-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">94</span><span class="o">,</span> <span class="m">92</span><span class="o">,</span> <span class="m">230</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemOrange-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">159</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPink-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">55</span><span class="o">,</span> <span class="m">95</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPurple-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">191</span><span class="o">,</span> <span class="m">90</span><span class="o">,</span> <span class="m">242</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemRed-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">69</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemTeal-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">100</span><span class="o">,</span> <span class="m">210</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemYellow-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">142</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">147</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray2-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">99</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">102</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray3-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">72</span><span class="o">,</span> <span class="m">72</span><span class="o">,</span> <span class="m">74</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray4-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">58</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray5-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">44</span><span class="o">,</span> <span class="m">44</span><span class="o">,</span> <span class="m">46</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray6-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">28</span><span class="o">,</span> <span class="m">28</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-label-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-secondaryLabel-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.6</span><span class="p">);</span>
<span class="nv">$iOS-tertiaryLabel-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-quaternaryLabel-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$iOS-placeholderText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-separator-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">84</span><span class="o">,</span> <span class="m">84</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-opaqueSeparator-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">56</span><span class="o">,</span> <span class="m">56</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-link-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">9</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// iOS-colors-light.scss</span>
<span class="nv">$iOS-systemBlue</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">122</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGreen</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">52</span><span class="o">,</span> <span class="m">199</span><span class="o">,</span> <span class="m">89</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemIndigo</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">88</span><span class="o">,</span> <span class="m">86</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemOrange</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">149</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPink</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">45</span><span class="o">,</span> <span class="m">85</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPurple</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">175</span><span class="o">,</span> <span class="m">82</span><span class="o">,</span> <span class="m">222</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemRed</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">59</span><span class="o">,</span> <span class="m">48</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemTeal</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">90</span><span class="o">,</span> <span class="m">200</span><span class="o">,</span> <span class="m">250</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemYellow</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">142</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">147</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray2</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">174</span><span class="o">,</span> <span class="m">174</span><span class="o">,</span> <span class="m">178</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray3</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">199</span><span class="o">,</span> <span class="m">199</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray4</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">209</span><span class="o">,</span> <span class="m">209</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray5</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">229</span><span class="o">,</span> <span class="m">229</span><span class="o">,</span> <span class="m">234</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray6</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">242</span><span class="o">,</span> <span class="m">242</span><span class="o">,</span> <span class="m">247</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-label</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-secondaryLabel</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.6</span><span class="p">);</span>
<span class="nv">$iOS-tertiaryLabel</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-quaternaryLabel</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$iOS-placeholderText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-separator</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-opaqueSeparator</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">198</span><span class="o">,</span> <span class="m">198</span><span class="o">,</span> <span class="m">200</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-link</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">122</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
</code></pre></div></div>
</div>
<div class="py-3">
<a href="/tags#english"><span class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English</span></a>
</div>
<section>
<h2>Related Posts</h2>
<ul>
<li>
<a href="/2020/08/04/Ideas.html"> Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html"> Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
<li>
<a href="/2020/07/20/The-Collection.html"> The Collection</a>
<span class="badge bg-secondary"><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> 2020-08-28</span>
</li>
</ul>
</section>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/404.html
+208
View File
@@ -0,0 +1,208 @@
<!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>
404: Page not found &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="default">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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">404: Page not found</h1>
</div>
</header>
<div class="page">
<h1 class="page-title">404: Page not found</h1>
<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="/">Head back home</a> to try finding it again.</p>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/about.html
+258
View File
@@ -0,0 +1,258 @@
<!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>
About &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="page">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">About</h1>
</div>
</header>
<div class="row">
<div class="col">
<p>Hi! My name is Felix. I have a master’s degree in Business Administration and a bachelor’s degree in Computer Science. My main interests are project management and technology—especially computers and the Internet–and everything connected to these things.</p>
<p>I am currently working as a Junior Java Developer at <a href="https://www.bi-web.de/">BI Business Intelligence</a> in Leipzig.</p>
<h2 id="contact">Contact</h2>
<p>You can reach or connect with me easily by:</p>
<ul>
<li>Writing me an email: su@ this domain — or if you are daring and your Ö key works: <a href="mailto:felix@förtsch.de">felix@förtsch.de</a> (<a href="https://keys.openpgp.org/search?q=felix%40f%C3%B6rtsch.de">GPG</a>)</li>
<li>Connecting with me on Telegram: <a href="http://telegram.me/felixfoertsch">@felixfoertsch</a></li>
<li>Following me on Twitter: <a href="https://twitter.com/felixfoertsch">@felixfoertsch</a></li>
<li>Opening an issue on one of my projects on Github: <a href="https://github.com/felixfoertsch">github.com/felixfoertsch</a></li>
<li>Following my public Pinboard account: <a href="https://pinboard.in/u:felixfoertsch">u:felixfoertsch</a></li>
</ul>
<h2 id="current-goals">Current Goals</h2>
<p>Public commitments are the most motivating. At the moment I am chasing the following goals. If you would like to help me reach them, check in on me and poke me about them:</p>
<ul>
<li><del>Finish my bachelor’s degree → <em>Indicator</em>: University certificate.</del>
<ul>
<li><strong>Latest Update:</strong> done</li>
</ul>
</li>
<li>Become a proficient Swift developer → <em>Indicator</em>: Deploy one app to each App Store (macOS/iOS).
<ul>
<li><strong>Latest Update:</strong> Since I am working with Java now, I will postpone this goal.</li>
</ul>
</li>
<li>Publish as much knowledge as I can on my website → <em>Indicator</em>: Publish one useful article every month.
<ul>
<li><strong>Latest Update:</strong> I have been really slacking with this; I assume that I will encounter new things to learn in my new job and I will try to do write-ups on the interesting topics.</li>
</ul>
</li>
</ul>
<h2 id="my-favorite-quotes">My Favorite Quotes</h2>
<p>Like everyone else, I stumbled upon quotes from famous persons, that stuck with me. Here are a few of them:</p>
<ul>
<li>Der Deutsche soll alle Sprachen lernen, damit ihm zu Hause kein Fremder unbequem, er aber in der Fremde überall zu Hause ist. ~ <a href="https://en.wikipedia.org/wiki/Johann_Wolfgang_von_Goethe">Johann Wolfgang von Goethe</a></li>
<li><a href="https://www.youtube.com/watch?v=89xUz9fZBXA">Life is scary. Get used to it. There are no magical fixes. It is all up to you. Go out and start doing the work. Nothing in this world that’s worth having comes easy.</a> ~ Bob Kelso</li>
</ul>
<h2 id="website-version">Website Version</h2>
<p><span class="badge bg-info">v18</span></p>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/assets/css/main.css
+2825
View File
File diff suppressed because it is too large Load Diff
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/assets/css/monokai.css
+65
View File
@@ -0,0 +1,65 @@
.highlight pre { background-color: #272822; }
.highlight .hll { background-color: #272822; }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .cm { color: #75715e } /* Comment.Multiline */
.highlight .cp { color: #75715e } /* Comment.Preproc */
.highlight .c1 { color: #75715e } /* Comment.Single */
.highlight .cs { color: #75715e } /* Comment.Special */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
.highlight .gh { } /* Generic Heading & Diff Header */
.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/assets/css/style.css
+2883
View File
File diff suppressed because it is too large Load Diff
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/assets/js/bootstrap.min.js
Vendored
+7
View File
File diff suppressed because one or more lines are too long
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/assets/js/bootstrap.min.js.map
+1
View File
File diff suppressed because one or more lines are too long
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/category/Design.html
+221
View File
@@ -0,0 +1,221 @@
<!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>
Design &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="category">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Design</h1>
</div>
</header>
<div class="row">
<div class="col">
<ul class="posts-list">
<li>
<a href="/2020/08/05/Apple-Colors.html">Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
</ul>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/category/Programming.html
+221
View File
@@ -0,0 +1,221 @@
<!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>
Programming &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="category">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Programming</h1>
</div>
</header>
<div class="row">
<div class="col">
<ul class="posts-list">
<li>
<a href="/2019/03/25/High-Quality-Swift-Libraries.html">Collection of High Quality Swift Libraries</a>
<span class="badge bg-secondary"><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> 2019-03-30</span>
</li>
</ul>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/category/Tips.html
+237
View File
@@ -0,0 +1,237 @@
<!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>
Tips &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="category">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Tips</h1>
</div>
</header>
<div class="row">
<div class="col">
<ul class="posts-list">
<li>
<a href="/2020/07/20/The-Collection.html">The Collection</a>
<span class="badge bg-secondary"><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> 2020-08-28</span>
</li>
<li>
<a href="/2019/02/22/iPad-Gestures.html">iPad Gestures</a>
<span class="badge bg-secondary">2019-02-22</span>
</li>
<li>
<a href="/2019/02/15/Use-PIP-via-Bookmarklet.html">Use Picture-in-Picture Mode on Mac and iPad with a Bookmarklet</a>
<span class="badge bg-secondary"><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> 2020-07-20</span>
</li>
</ul>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/category/summaries.html
+237
View File
@@ -0,0 +1,237 @@
<!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>
Summaries &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="category">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Summaries</h1>
</div>
</header>
<div class="row">
<div class="col">
<ul class="posts-list">
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html">Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
<li>
<a href="/2018/09/15/Starting-an-Online-Business.html">Basic Things to Consider When Starting an Online Business</a>
<span class="badge bg-secondary"><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> 2019-03-25</span>
</li>
<li>
<a href="/2018/06/03/Zusammenfassung-Malik.html">Zusammenfassung von Fredmund Maliks Führen, Leisten, Leben</a>
<span class="badge bg-secondary">2018-06-03</span>
</li>
</ul>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/category/tutorials.html
+245
View File
@@ -0,0 +1,245 @@
<!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>
Tutorials &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="category">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Tutorials</h1>
</div>
</header>
<div class="row">
<div class="col">
<ul class="posts-list">
<li>
<a href="/2020/07/19/Install-Mailtrain-on-Uberspace-7.html">Install Mailtrain on Uberspace 7</a>
<span class="badge bg-secondary"><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> 2020-07-21</span>
</li>
<li>
<a href="/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html">Use the Pumping Lemma for Regular Languages</a>
<span class="badge bg-secondary"><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> 2019-04-04</span>
</li>
<li>
<a href="/2019/02/19/How-to-Begin-an-English-Sentence.html">How to Begin an English Sentence</a>
<span class="badge bg-secondary">2019-02-19</span>
</li>
<li>
<a href="/2018/05/21/Syncthing-auf-Uberspace.html">Install Syncthing on Uberspace 6 in a Subdomain</a>
<span class="badge bg-secondary"><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> 2020-07-18</span>
</li>
</ul>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/favicon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/feed.xml
+571
View File
@@ -0,0 +1,571 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.5">Jekyll</generator><link href="https://felixfoertsch.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://felixfoertsch.github.io/" rel="alternate" type="text/html" /><updated>2024-03-16T14:51:11+00:00</updated><id>https://felixfoertsch.github.io/feed.xml</id><title type="html">felixfoertsch.de</title><subtitle></subtitle><author><name>Felix Förtsch</name></author><entry><title type="html">Apple Colors in SCSS</title><link href="https://felixfoertsch.github.io/2020/08/05/Apple-Colors.html" rel="alternate" type="text/html" title="Apple Colors in SCSS" /><published>2020-08-05T00:00:00+00:00</published><updated>2020-08-05T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2020/08/05/Apple-Colors</id><content type="html" xml:base="https://felixfoertsch.github.io/2020/08/05/Apple-Colors.html"><![CDATA[<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. It’s 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>
<!-- more -->
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// macOS-colors-dark.scss</span>
<span class="nv">$macOS-systemBlue-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">10</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemBrown-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">172</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">104</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGray-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">152</span><span class="o">,</span> <span class="m">152</span><span class="o">,</span> <span class="m">157</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGreen-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">50</span><span class="o">,</span> <span class="m">215</span><span class="o">,</span> <span class="m">75</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemIndigo-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">94</span><span class="o">,</span> <span class="m">92</span><span class="o">,</span> <span class="m">230</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemOrange-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">159</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPink-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">55</span><span class="o">,</span> <span class="m">95</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPurple-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">191</span><span class="o">,</span> <span class="m">90</span><span class="o">,</span> <span class="m">242</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemRed-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">69</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemTeal-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">100</span><span class="o">,</span> <span class="m">210</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemYellow-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControl-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">208</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControlText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlBackground-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-disabledControlText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-grid-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-headerText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-highlight-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">180</span><span class="o">,</span> <span class="m">180</span><span class="o">,</span> <span class="m">180</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-labelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-linkColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">65</span><span class="o">,</span> <span class="m">156</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-placeholderTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-quaternaryLabelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-secondaryLabelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.5</span><span class="p">);</span>
<span class="nv">$macOS-selectedContentBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">208</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">63</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">109</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-selectedMenuItemTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">63</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">139</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-separatorColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-shadowColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="p">);</span>
<span class="nv">$macOS-tertiaryLabelColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-textBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-textColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-underPageBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">40</span><span class="o">,</span> <span class="m">40</span><span class="o">,</span> <span class="m">40</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedContentBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">70</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowBackgroundColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">50</span><span class="o">,</span> <span class="m">50</span><span class="o">,</span> <span class="m">50</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowFrameTextColor-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// macOS-colors-light.scss</span>
<span class="nv">$macOS-systemBlue</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">122</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemBrown</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">162</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">94</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGray</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">142</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">147</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemGreen</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">40</span><span class="o">,</span> <span class="m">205</span><span class="o">,</span> <span class="m">65</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemIndigo</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">88</span><span class="o">,</span> <span class="m">86</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemOrange</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">149</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPink</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">45</span><span class="o">,</span> <span class="m">85</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemPurple</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">175</span><span class="o">,</span> <span class="m">82</span><span class="o">,</span> <span class="m">222</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemRed</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">59</span><span class="o">,</span> <span class="m">48</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemTeal</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">90</span><span class="o">,</span> <span class="m">200</span><span class="o">,</span> <span class="m">250</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-systemYellow</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControl</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-alternateSelectedControlText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlBackground</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-controlText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-disabledControlText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-grid</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">204</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-headerText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-highlight</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-labelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-linkColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">104</span><span class="o">,</span> <span class="m">218</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-placeholderTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-quaternaryLabelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-secondaryLabelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span> <span class="o">,</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.5</span><span class="p">);</span>
<span class="nv">$macOS-selectedContentBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">225</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">179</span><span class="o">,</span> <span class="m">215</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedControlTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
<span class="nv">$macOS-selectedMenuItemTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">179</span><span class="o">,</span> <span class="m">215</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-selectedTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-separatorColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.1</span><span class="p">);</span>
<span class="nv">$macOS-shadowColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-tertiaryLabelColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$macOS-textBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-textColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-underPageBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">150</span><span class="o">,</span> <span class="m">150</span><span class="o">,</span> <span class="m">150</span><span class="o">,</span> <span class="m">0</span><span class="mi">.9</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedContentBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">220</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-unemphasizedSelectedTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowBackgroundColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">236</span><span class="o">,</span> <span class="m">236</span><span class="o">,</span> <span class="m">236</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$macOS-windowFrameTextColor</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="mi">.8</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// iOS-colors-dark.scss</span>
<span class="nv">$iOS-systemBlue-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">10</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGreen-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">48</span><span class="o">,</span> <span class="m">209</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemIndigo-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">94</span><span class="o">,</span> <span class="m">92</span><span class="o">,</span> <span class="m">230</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemOrange-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">159</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPink-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">55</span><span class="o">,</span> <span class="m">95</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPurple-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">191</span><span class="o">,</span> <span class="m">90</span><span class="o">,</span> <span class="m">242</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemRed-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">69</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemTeal-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">100</span><span class="o">,</span> <span class="m">210</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemYellow-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">10</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">142</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">147</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray2-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">99</span><span class="o">,</span> <span class="m">99</span><span class="o">,</span> <span class="m">102</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray3-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">72</span><span class="o">,</span> <span class="m">72</span><span class="o">,</span> <span class="m">74</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray4-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">58</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray5-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">44</span><span class="o">,</span> <span class="m">44</span><span class="o">,</span> <span class="m">46</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray6-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">28</span><span class="o">,</span> <span class="m">28</span><span class="o">,</span> <span class="m">30</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-label-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-secondaryLabel-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.6</span><span class="p">);</span>
<span class="nv">$iOS-tertiaryLabel-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-quaternaryLabel-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$iOS-placeholderText-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">235</span><span class="o">,</span> <span class="m">235</span><span class="o">,</span> <span class="m">245</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-separator-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">84</span><span class="o">,</span> <span class="m">84</span><span class="o">,</span> <span class="m">88</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-opaqueSeparator-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">56</span><span class="o">,</span> <span class="m">56</span><span class="o">,</span> <span class="m">58</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-link-dark</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">9</span><span class="o">,</span> <span class="m">132</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">// iOS-colors-light.scss</span>
<span class="nv">$iOS-systemBlue</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">122</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGreen</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">52</span><span class="o">,</span> <span class="m">199</span><span class="o">,</span> <span class="m">89</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemIndigo</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">88</span><span class="o">,</span> <span class="m">86</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemOrange</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">149</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPink</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">45</span><span class="o">,</span> <span class="m">85</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemPurple</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">175</span><span class="o">,</span> <span class="m">82</span><span class="o">,</span> <span class="m">222</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemRed</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">59</span><span class="o">,</span> <span class="m">48</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemTeal</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">90</span><span class="o">,</span> <span class="m">200</span><span class="o">,</span> <span class="m">250</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemYellow</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">255</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">142</span><span class="o">,</span> <span class="m">142</span><span class="o">,</span> <span class="m">147</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray2</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">174</span><span class="o">,</span> <span class="m">174</span><span class="o">,</span> <span class="m">178</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray3</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">199</span><span class="o">,</span> <span class="m">199</span><span class="o">,</span> <span class="m">204</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray4</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">209</span><span class="o">,</span> <span class="m">209</span><span class="o">,</span> <span class="m">214</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray5</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">229</span><span class="o">,</span> <span class="m">229</span><span class="o">,</span> <span class="m">234</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-systemGray6</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">242</span><span class="o">,</span> <span class="m">242</span><span class="o">,</span> <span class="m">247</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-label</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-secondaryLabel</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.6</span><span class="p">);</span>
<span class="nv">$iOS-tertiaryLabel</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-quaternaryLabel</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.2</span><span class="p">);</span>
<span class="nv">$iOS-placeholderText</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-separator</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">60</span><span class="o">,</span> <span class="m">60</span><span class="o">,</span> <span class="m">67</span><span class="o">,</span> <span class="m">0</span><span class="mi">.3</span><span class="p">);</span>
<span class="nv">$iOS-opaqueSeparator</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">198</span><span class="o">,</span> <span class="m">198</span><span class="o">,</span> <span class="m">200</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
<span class="nv">$iOS-link</span><span class="p">:</span> <span class="nf">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">122</span><span class="o">,</span> <span class="m">255</span><span class="o">,</span> <span class="m">1</span><span class="p">);</span>
</code></pre></div></div>]]></content><author><name>Felix Förtsch</name></author><category term="Design" /><category term="English" /><summary type="html"><![CDATA[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 why 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 Human Interface Guidelines (iOS/macOS). I published them on GitHub as gists so you can use them, too. It’s just the raw variables; but I could not find them anywhere else in this SCSS form. Gist macOS-colors-dark.scss, macOS-colors-light.scss, iOS-colors-dark.scss, iOS-colors-light.scss. Read more for the actual variables.]]></summary></entry><entry><title type="html">Ideas</title><link href="https://felixfoertsch.github.io/2020/08/04/Ideas.html" rel="alternate" type="text/html" title="Ideas" /><published>2020-08-04T00:00:00+00:00</published><updated>2020-08-04T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2020/08/04/Ideas</id><content type="html" xml:base="https://felixfoertsch.github.io/2020/08/04/Ideas.html"><![CDATA[<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>
<!-- more -->
<h2 id="product-ideas">Product Ideas</h2>
<p><strong>Flatpen:</strong> Pens have a problem. They are round and stiff and that makes them harder to carry around. The idea: Create a pen that uses regular pen mines, but folds flat so it can be put inside of a notebook without making it wobble.</p>
<p><strong>Process Visualization with Z-Layers:</strong> Processes are an important part of business development and optimization. Their visualization is important for communicating them. Most process visualization software is clunky to use. Finding the right layer of abstractions with processes is hard by default – software should make it easier. This has to be a combined solution: From the editor to the reader. The core idea is using Z-layer zooming to make it more intuitive (e.g. pinching in mobile and tablet apps).</p>
<p><strong>Magic Handshake:</strong> Create a system that supports favors. Being in the system opens you doors, because you know someone. Like an exclusive club.</p>
<p><strong>10 Minute Mentor:</strong> Finding is a mentor is difficult. Make it easier.</p>
<p><strong>Sane Games:</strong> Create a list of games that are <em>sane</em>: no IAP, no psycho abuse, etc.</p>
<h2 id="web-app-ideas">Web App Ideas</h2>
<p><strong>Sign-up:</strong> Create an event where people can sign up really easily. Like <a href="https://raid-helper.com/">Raid Helper</a>, but generalized.</p>
<p><strong>WOOP:</strong> PWA that implements the <a href="https://en.wikipedia.org/wiki/GROW_model">GROW</a> or <a href="https://en.wikipedia.org/wiki/Gabriele_Oettingen">WOOP</a> mental model.</p>
<p><strong>Predefined Workflow Builder/Checklister/Show the Way:</strong> Many task in modern life follow step-by-step processes. It is <strong>really</strong> inefficient that everybody has to learn them individually. It should be easy to download a pre-created checklist for a specific task and then succeed with just following this checklist. E.g. “How to do a product launch” –&gt; Step 1: Do X. Step 2: Do Y., “How to learn JavaFX” –&gt; etc. Specialised Version of this could be a “You should app”. A collection of things everybody should do and/or have. Have a bank account, have insurance, etc.</p>
<p><strong>GitHub Contributions for Everything:</strong> GitHub Contributions are awesome. They give a quick and intuitive overview about progress. Create a way that allows tracking everything like this.</p>
<p><strong>Applicant Oriented Applications:</strong> Applications are awful for the applicant. They are at the mercy of organizations. They have to send in all their information and then they have to wait. And they have to do that multiple times. Use different interfaces, create different formats, and so on. It should be easier.</p>
<p><strong>Make it very easy to donate to a good cause/org:</strong> One click donations. It is not easy to set up donations in Germany. There is a lot of hassle involved with creating receipts etc. This should be super easy for the associated organizations and should allow integrated systems like PayPal and Stripe for payments.</p>
<p><strong>Local Twitter:</strong> It’s not always easy to know what’s happening around your. Make an app that makes it really easy to know what public events are happening right now around you. Concert? Demonstration? Check and know.</p>
<p><strong>Gamekey Exchange:</strong>
Enable people that buy things like humble bundle to trade their unused keys with each other.</p>
<h2 id="computer-and-phone-app-ideas">Computer and Phone App Ideas</h2>
<p><strong>On time:</strong> Calendar integration that allows one click information to others, if you are on time or not.</p>
<p><strong>Hierarchical Documentation:</strong> Documentation of software is often flat, even though hierarchies are at the core of many projects. Tools should display hierarchies to make it easier to quickly grasp software libraries.</p>
<p><strong>Moderator Toolbox:</strong> Organizing groups is hard. Make using speech lists, protocols, etc. easy to do.</p>
<p><strong>Cadence and Heartbeat Music:</strong> Generate electronic music (e.g. with AI) and use the heartbeat sensor of the Apple Watch attach it to the cadence and/or heart rate of the person.</p>
<p><strong>Vaccination Card:</strong> There is a yellow book that helps track vaccinations. Make one that’s on your phone.</p>
<p><strong>Walk the City:</strong> Exploring a city is awesome. Make an app that tracks all routes/streets you have already been to on the map to facilitate walking every road once.</p>
<p><strong>Checkpoints:</strong> Create a system that allows people with bad time management to tell an accurate prediction on when they’ll get somewhere. Use map data and checkpoints to find out the time.</p>
<p><strong>Color Clipboard:</strong> Monitor clipboard and store Hex codes. Give a nice UI to create palettes, etc.</p>
<p><strong>Kontakte:</strong> Create a Tinder-like interface to clean-up contacts: Keep, delete, edit. Have a nice and easy way to add notes and tags. Potentially: Add whitelist/blocklist.</p>
<p><strong>Business Plan Archive:</strong> Like ideas business plans have way less value than people think. Put them in the public domain.</p>
<p><strong>Track a Thing:</strong> App that has a unified interface to track things <strong>very</strong> easily. Did a run: Track. How many days since you last called your mother: Track. Is your Doner bigger or smaller than average: Track.</p>
<p><strong>Single Player Raider (Game):</strong> A game where you do a 40-person raid, but you do it solo on your own terms.</p>
<h2 id="apps-that-already-exist-or-probably-exists-but-require-better-design-should-not-cost-money-or-should-be-open-source">Apps that already exist (or probably exists), but require better design, should not cost money or should be open source</h2>
<ul>
<li><strong>Tiddlywiki for Mac</strong></li>
<li><strong>Anki for Mac</strong></li>
<li><strong>Twitch for Mac:</strong> mpv/IINA as player and chat on the bottom (native portrait mode)</li>
<li><strong>Ebook reader for Mac:</strong> Books always adds the PDF/ePub to the library, which is not always required</li>
<li><strong>Reddit but with a limit:</strong> Scrolling is unhealthy.</li>
<li><strong>Archiver for Mac:</strong> Easy archiving of things. YouTube via youtube-dl, etc.</li>
<li>https://www.progressbarosx.com/</li>
<li><strong>Ambience:</strong> Menu bar one-click music player for study/background music</li>
</ul>]]></content><author><name>Felix Förtsch</name></author><category term="Personal" /><category term="English" /><category term="Collection" /><summary type="html"><![CDATA[Many people have ideas. Ideas are not special. What makes and breaks an idea is its realization and/or implementation. Here are some of my product ideas. Implement them, if you like them! Then send me an email to show them to me, please. 😁]]></summary></entry><entry><title type="html">Strategies from the Happiness Lab</title><link href="https://felixfoertsch.github.io/2020/08/02/Strategies-from-the-Happiness-Lab.html" rel="alternate" type="text/html" title="Strategies from the Happiness Lab" /><published>2020-08-02T00:00:00+00:00</published><updated>2020-08-02T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2020/08/02/Strategies-from-the-Happiness-Lab</id><content type="html" xml:base="https://felixfoertsch.github.io/2020/08/02/Strategies-from-the-Happiness-Lab.html"><![CDATA[<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>
<!-- more -->
<ul>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000469606673">Meditate.</a> You have probably heard about people recommending meditating a thousand times. Do it. Start with 1 minute every day. The research of the benefits seems to be overwhelming.</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000463759567">Sleep enough.</a> Trivial. Humans need sleep. Get. Some. Make it a ritual to go to bed. Make the bed a sanctuary. No screens, no distractions. If you are lying in bed, you sleep. If you can’t sleep, leave the bed and try again later. You can combine the ritual with meditation (see above).</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000455959891">Remove choice.</a> Being in control of and having to decide everything is exhausting. Remove unnecessary choices from your life. Have a big wardrobe? Reduce it and go minimal. Or to quote President Obama who always wore a white shirt and cycled through his suits: “Do you know how many decision I have to make throughout the day? You think I also want to decide what to wear?”</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000468907282">Coach yourself from the third person.</a> The research suggests that you perform better and are happier, if you think about the challenges you are facing from a third person perspective. The key term is <strong>distancing</strong>. Distance yourself to get a clearer picture of what is going on. You can use personal distancing (use your name instead of “I”): “Felix knows what he is doing and has experience. Trust him.” You can use temporal distancing: “Felix has faced this threat before and came out successful.” You can use group distancing: “We are a strong society and can solve this challenge together.”</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000452731206">Connect with others. Even strangers.</a> Modern life aims at removing all inconveniences. But it also removes social connections with other people. The example from the podcast is from the guy that invented the ATM. When there were still bank tellers, you had to wait in line – where you might have to interact socially – and had to interact with the teller. A person. Research suggests that happiness improves just by interacting with other people</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000469255597">Frame your emotions.</a> When encountering an emotion, you have 5 seconds to decide how to react to it. Use different frames depending on the situation. Examples for these frames:
<ul>
<li><strong>The comedic frame</strong> Try to tell a joke about the situation.</li>
<li><strong>The future storytelling frame</strong> Live your life in a way so that your story, told <strong>truthfully</strong>, makes you look like the person you strife to be. Which story sounds better to you? The story about a miserable and frustrated person that gave up on the slightest problem <strong>or</strong> the story about the person that strongly and cleverly encounters the challenges life throws at her and masters these challenges while smiling.</li>
<li><strong>The stoic gods challenge frame</strong> Use stoic, imaginary gods as a psychological device: Every setback you face in life is a test these gods have designed to test you and your character. And you want and can prove to them that you are up to the challenge. The harder the challenge is, the more trust the gods have in you.</li>
</ul>
</li>
<li><a href="https://podcasts.apple.com/de/podcast/the-happiness-lab-with-dr-laurie-santos/id1474245040?l=en&amp;i=1000469255597">Practice negative visualization.</a> Pause every once in a while during the day and think about what you could lose and how that would make you feel. Don’t dwell on these thoughts. Just let them flicker for a second. This aims at increasing your appreciation for the people and things you have in your life.</li>
</ul>]]></content><author><name>Felix Förtsch</name></author><category term="Summaries" /><category term="English" /><category term="Philosophy" /><summary type="html"><![CDATA[I love listening to podcasts while I am out running. The latest one I found is The Happiness Lab from and with Dr. Laurie Santos, a professor teaching at Yale. She looks at happiness scientifically and takes an active approach: You have it in your own hands to improve your happiness. The podcast discusses various strategies with various scientists and experts from their respective field. This is a collection of these strategies you can employ; with the link to the corresponding episode for more information.]]></summary></entry><entry><title type="html">The Collection</title><link href="https://felixfoertsch.github.io/2020/07/20/The-Collection.html" rel="alternate" type="text/html" title="The Collection" /><published>2020-07-20T00:00:00+00:00</published><updated>2020-08-28T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2020/07/20/The-Collection</id><content type="html" xml:base="https://felixfoertsch.github.io/2020/07/20/The-Collection.html"><![CDATA[<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>
<p><!-- more --></p>
<h2 id="web-services">Web Services</h2>
<p><a href="https://uberspace.de">Uberspace</a> is a hosting provider. They offer a shared hosting experience that is a little bit more limited than a root server. However, their support is amazing and it’s a super good place to host for tinkerers and small projects. Highly recommended. Check out my <a href="/category/tutorials.html">Tutorials</a> or the <a href="https://lab.uberspace.de">Uberlab for U7</a> for things you can do on your Uberspace!</p>
<p>Things I am using on Uberspace:</p>
<ul>
<li><a href="http://invoiceplane.com">InvoicePlane</a>: Simple invoicing software. Offers sending offers and invoices via email, too!</li>
<li><a href="https://matomo.org">Matomao</a>: Analytics software to avoid Google.</li>
<li><a href="http://redmine.org">Redmine</a>: Amazing project management solution.</li>
<li><a href="http://syncthing.net">Syncthing</a>: File synchronisation alternative.</li>
</ul>
<p><a href="https://tecspace.de">Tecspace</a> is a hosting provider and domain registrar. I buy and manage my domains through their service. It is extremely cheap, costing only 2,50 EUR per year, if you have 10 or more domains. I love their admin interface. It is simple, behaves like a website should behave (no JavaScript shenanigans) and is very powerful.</p>
<p><a href="https://pinboard.in">Pinboard</a> is a bookmarking service. It’s minimalistic, easy to use and offers an archiving service so you will never lose these good articles on the internet again.</p>
<h2 id="software">Software</h2>
<h3 id="pictures-design-illustrating">Pictures, Design, Illustrating</h3>
<p><a href="https://affinity.serif.com/">Affinity</a> produces <a href="https://affinity.serif.com/en-gb/designer/">Affinity Designer</a> and <a href="https://affinity.serif.com/en-gb/photo/">Affinity Photo</a>. They are competitors to the popular Adobe Photoshop and Illustrator. These two programs are <em>exceptional</em>. You can do basically everything you can do with their Adobe counterparts, but they only cost 55 EUR each. No subscriptions, no recurring fees. The interface is polished and if you are an Adobe user you will be right at home. Quit Adobe today. Don’t let them milk you.</p>
<p><a href="https://www.apollooneapp.com/">Appollo One</a> is a really fast image viewer.</p>
<h3 id="random-apps">Random Apps</h3>
<p><a href="https://sensei.app/">Sensei</a> is a system monitoring app with a nice Mac compliant interface.</p>
<p><a href="http://mactracker.ca/">Mactracker</a> is an app that lists all apple hardware and their specifications. No need to google for these things anymore.</p>]]></content><author><name>Felix Förtsch</name></author><category term="Tips" /><category term="English" /><category term="Collection" /><summary type="html"><![CDATA[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.]]></summary></entry><entry><title type="html">Install Mailtrain on Uberspace 7</title><link href="https://felixfoertsch.github.io/2020/07/19/Install-Mailtrain-on-Uberspace-7.html" rel="alternate" type="text/html" title="Install Mailtrain on Uberspace 7" /><published>2020-07-19T00:00:00+00:00</published><updated>2020-07-21T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2020/07/19/Install-Mailtrain-on-Uberspace-7</id><content type="html" xml:base="https://felixfoertsch.github.io/2020/07/19/Install-Mailtrain-on-Uberspace-7.html"><![CDATA[<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>
<!-- more -->
<h2 id="installation">Installation</h2>
<p>This guide uses Node.js version 12, which is the <a href="https://manual.uberspace.de/lang-nodejs.html#standard-version">default</a> on Uberspace 7 at at the moment.</p>
<p>Clone the <a href="https://github.com/Mailtrain-org/mailtrain">GitHub</a>
repository:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust ~]$</span><span class="w"> </span>git clone git://github.com/Mailtrain-org/mailtrain.git
<span class="gp">[isabell@stardust ~]$</span><span class="w">
</span></code></pre></div></div>
<p>Install the required dependencies:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust ~]$</span><span class="w"> </span><span class="nb">cd </span>mailtrain
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w"> </span>npm <span class="nb">install</span> <span class="nt">--production</span>
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w">
</span></code></pre></div></div>
<h2 id="configuration">Configuration</h2>
<h3 id="database-setup">Database Setup</h3>
<p>Create a new database:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust mailtrain]$</span><span class="w"> </span>mysql <span class="nt">-e</span> <span class="s2">"CREATE DATABASE </span><span class="k">${</span><span class="nv">USER</span><span class="k">}</span><span class="s2">_mailtrain;"</span>
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w">
</span></code></pre></div></div>
<h3 id="mailtrain-config">Mailtrain Config</h3>
<p>Copy the example config file:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust mailtrain]$</span><span class="w"> </span><span class="nb">cp </span>config/default.toml config/production.toml
<span class="gp">[isabell@stardust mailtrain]$</span><span class="w">
</span></code></pre></div></div>
<p>Update <code class="language-plaintext highlighter-rouge">production.toml</code> with your MySQL settings; look for the
<code class="language-plaintext highlighter-rouge">[mysql]</code> block:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">...
</span><span class="go">
[mysql]
host="localhost"
user="isabell"
password="MySuperSecretPassword"
database="isabell_mailtrain"
</span><span class="c">...
</span></code></pre></div></div>
<h3 id="web-backend-config">Web Backend Config</h3>
<p><a href="https://mailtrain.org/">Mailtrain</a> is running on port 3000. Configure the server to respond to port 3000 using web backends:</p>
<div class="language-console highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gp">[isabell@stardust ~]$</span><span class="w"> </span>uberspace web backend <span class="nb">set</span> / <span class="nt">--http</span> <span class="nt">--port</span> 3000
<span class="gp">[isabell@stardust ~]$</span><span class="w">
</span></code></pre></div></div>
<h3 id="supervisord-daemon-setup">Supervisord Daemon Setup</h3>
<p>Create <code class="language-plaintext highlighter-rouge">~/etc/services.d/mailtrain.ini</code> with the following content:</p>
<div class="language-ini highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nn">[program:mailtrain]</span>
<span class="py">directory</span><span class="p">=</span><span class="s">%(ENV_HOME)s/mailtrain/</span>
<span class="py">command</span><span class="p">=</span><span class="s">env NODE_ENV=production /bin/node index.js</span>
<span class="py">autostart</span><span class="p">=</span><span class="s">yes</span>
<span class="py">autorestart</span><span class="p">=</span><span class="s">yes</span>
</code></pre></div></div>
<p>If it’s not in state RUNNING, check your configuration.</p>
<h3 id="login-and-change-admin-credentials">Login and Change Admin Credentials</h3>
<div class="alert alert-danger" role="alert">
Change the default admin credentials to prevent unauthorized access of your data!
</div>
<p>Your <a href="https://mailtrain.org/">Mailtrain</a> installation should now be
reachable on <code class="language-plaintext highlighter-rouge">https://isabell.uber.space</code>. Log in with the username
<code class="language-plaintext highlighter-rouge">admin</code> and the password <code class="language-plaintext highlighter-rouge">test</code>.</p>
<p>Go to <code class="language-plaintext highlighter-rouge">https://isabell.uber.space/users/account</code> and change your email
address as well as your password.</p>
<div class="alert alert-info" role="alert">
It is not possible to change the username in the GUI. If you want to change the default username `admin` to something else or add additional users, you have to do it directly in the database.
</div>
<h2 id="finishing-installation">Finishing installation</h2>
<p>Go to <code class="language-plaintext highlighter-rouge">https://isabell.uber.space/settings</code>. In the <strong>General Settings</strong> section change the <strong>Service Address (URL)</strong>
to <code class="language-plaintext highlighter-rouge">https://isabell.uber.space/</code>.</p>
<p>In the <strong>Mailer Settings</strong> section change the</p>
<blockquote>
<ul>
<li><em>Hostname</em>,</li>
<li><em>Port</em>,</li>
<li><em>Encryption</em>,</li>
<li><em>username</em>,</li>
<li><em>password</em>, and</li>
<li>test your settings by pressing the Button <strong>Check Mailer Config</strong>.</li>
</ul>
</blockquote>
<div class="alert alert-warning" role="alert">
Uberspace does not allow mass mailings from their servers according to their House Rules. However, you can use Mailtrain as the admin interface for your mailing needs. Use the SMTP services from AWS SES, Sendgrid, Mailgun, etc. for the actual mailing.
</div>
<h2 id="best-practices">Best Practices</h2>
<ul>
<li>Test the configuration by creating a new list and subscribing yourself
to it.</li>
<li>Craft your campaign with love and dedication.</li>
<li>Don’t spam users that don’t want your newsletter.</li>
</ul>
<hr />
<p>Tested on Uberspace v7.7.0 with NodeJS v12 and MariaDB 10.3.23.</p>]]></content><author><name>Felix Förtsch</name></author><category term="Tutorials" /><category term="English" /><category term="Self-Hosted Software" /><summary type="html"><![CDATA[This tutorial explains how to install Mailtrain on a Uberspace 7. Mailtrain is a self-hosted open-source (released under the GPL v3.0.) newsletter app built on top of Nodemailer. I am following the manual installation guide from the official Mailtrain repo and add some additional Uberspace infos. I contributed this guide to the Uberlab and earned my first Ubercup.]]></summary></entry><entry><title type="html">Collection of High Quality Swift Libraries</title><link href="https://felixfoertsch.github.io/2019/03/25/High-Quality-Swift-Libraries.html" rel="alternate" type="text/html" title="Collection of High Quality Swift Libraries" /><published>2019-03-25T00:00:00+00:00</published><updated>2019-03-30T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2019/03/25/High-Quality-Swift-Libraries</id><content type="html" xml:base="https://felixfoertsch.github.io/2019/03/25/High-Quality-Swift-Libraries.html"><![CDATA[<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>
<!-- more -->
<ul>
<li><a href="https://github.com/patchthecode/JTAppleCalendar">JTAppleCalendar</a>: Need a calendar view? Don’t roll your own.</li>
<li><a href="https://github.com/evgenyneu/keychain-swift">Keychain</a>: Have something that need secure storage, like a password? Put it in the keychain.</li>
<li><a href="https://github.com/IvanVorobei/SPPermission">SPPermission</a>: Your app needs permissions? Inform the user properly. It’s important.</li>
<li><a href="https://github.com/malcommac/SwiftDate">SwiftDate</a>: Handles all your date and time needs. <a href="https://www.youtube.com/watch?v=-5wpm-gesOY">Don’t roll your own</a>.</li>
<li><a href="https://github.com/SvenTiigi/WhatsNewKit">WhatsNewKit</a>: Welcome your new user like apple does.</li>
</ul>
<h2 id="helper">Helper</h2>
<ul>
<li><a href="https://github.com/radex/SwiftyUserDefaults">SwiftyUserDefaults</a>: A small wrapper around NSUserDefaults that makes the usage swifter.</li>
</ul>]]></content><author><name>Felix Förtsch</name></author><category term="Programming" /><category term="English" /><category term="Swift" /><summary type="html"><![CDATA[Libraries are an important part of programming. However, there should be a really 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:]]></summary></entry><entry><title type="html">Use the Pumping Lemma for Regular Languages</title><link href="https://felixfoertsch.github.io/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html" rel="alternate" type="text/html" title="Use the Pumping Lemma for Regular Languages" /><published>2019-02-23T00:00:00+00:00</published><updated>2019-04-04T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages</id><content type="html" xml:base="https://felixfoertsch.github.io/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html"><![CDATA[<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, I’ll try to explain it as best as I can – repetition is key for retaining knowledge!</p>
<!-- more -->
<h1 id="my-explanation">My Explanation</h1>
<p><a href="https://old.reddit.com/r/computerscience/comments/atrs4y/pumping_lemma_in_theory_of_computation/eh3aw9k/">My original post on Reddit.</a></p>
<p>To understand the PL, we think about it in two steps. I’ll do it for the regular languages. You can do the same on your own for the context free languages. The idea is the same.</p>
<ol>
<li>We create a visual model to understand what it is about.</li>
<li>We do a PL proof.</li>
</ol>
<h2 id="1-creating-a-visual-model-in-your-mind">1. Creating a visual model in your mind.</h2>
<p>Firstly, we have to keep in mind that we want to show that a language is not regular. Let’s reason a little bit more about regular languages:</p>
<ul>
<li>Regular languages can be accepted by finite automata (FA). That means: if your language is regular, there is an FA that accepts this language.</li>
<li>To check, whether a word is accepted by an FA, you start in a state, start reading in letters of your word and follow the edges through the FA. If the whole word is read and we end up in a final state, the FA accepts the word.</li>
<li>But hold on a second! FA can also accept words that have more letters than we have states and edges. How can that be?! The answer: loops.</li>
<li>Now, given any regular language, we <strong>know</strong> that there is an FA that accepts it (this is a theorem).</li>
<li>That means: if we have a word, that has more letters than we have states, but is still accepted by our FA, we <strong>have to have</strong> a loop in our FA.</li>
<li>Think about it: we can repeat this loop as many times as we want and the FA would still accept words that are processed by going through the loop repeatedly. <strong>It has to!</strong></li>
<li>This repeating of the loop is referred to as pumping a word up or down.</li>
</ul>
<h2 id="2-doing-a-proof">2. Doing a proof.</h2>
<p>Now, secondly, you want to proof something using this lemma. Let’s start with the PL (really try to understand this line!):</p>
<p><code class="language-plaintext highlighter-rouge">L ∈ REG → ∃n ∈ ℕ ∀x ∈ L: |x| ≥ n ∃u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n ∀i ∈ ℕ: u ∘ vⁱ ∘ w ∈ L</code></p>
<p>I’ll break it down. Remember: This is a theorem. If you meet the conditions of the implication (part on the left), you now <strong>know</strong> that the part on the right is true.</p>
<ol>
<li><code class="language-plaintext highlighter-rouge">L ∈ REG →</code>: “Given a regular language, the following is true.”</li>
<li><code class="language-plaintext highlighter-rouge">∃n ∈ ℕ</code>: “There is a natural number”</li>
<li><code class="language-plaintext highlighter-rouge">∀x ∈ L: |x| ≥ n</code>: “For every word <code class="language-plaintext highlighter-rouge">x</code> that is in the language and longer than this natural number”
<ul>
<li>Remember the argument with the loops from part 1. This just says: we now have a word that has more letters than we have states.</li>
</ul>
</li>
<li><code class="language-plaintext highlighter-rouge">∃u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n</code>: “You can split up the word <code class="language-plaintext highlighter-rouge">x</code> into three parts: <code class="language-plaintext highlighter-rouge">u, v, w</code> where the length of <code class="language-plaintext highlighter-rouge">v</code> is equal to or bigger than <code class="language-plaintext highlighter-rouge">1</code> and the length of <code class="language-plaintext highlighter-rouge">u ∘ v</code> is smaller than our natural number from before”
<ul>
<li>Here we describe the loop in more detail. <code class="language-plaintext highlighter-rouge">v</code> is the part that we can pump, because there is a loop that processes v (and can thus process arbitrary iterations of v - or skip it altogether. And because <code class="language-plaintext highlighter-rouge">u ∘ v</code> is smaller than <code class="language-plaintext highlighter-rouge">n</code>, we didn’t need a loop until now. We only really <strong>need</strong> a loop, if our word has more letters than we have states!</li>
</ul>
</li>
<li><code class="language-plaintext highlighter-rouge">∀i ∈ ℕ: u ∘ vⁱ ∘ w ∈ L</code>: “If all the conditions before have been met, we can now pump <code class="language-plaintext highlighter-rouge">v</code> up or down and the resulting word is still in the language!”
<ul>
<li>Since it is a loop, pumping doesn’t make a difference. If you go the loop a million times, the word is still in the language.</li>
</ul>
</li>
</ol>
<p>That’s it. Again, because it is proved, you <strong>know</strong> it’s true if all the conditions are met.</p>
<p>We want to use the lemma to show, that a language <strong>is not</strong> a regular language. Let’s have a look at the implication from above. Think about the left part of the implication (<code class="language-plaintext highlighter-rouge">L ∈ REG</code>) as <code class="language-plaintext highlighter-rouge">A</code> and the right part (<code class="language-plaintext highlighter-rouge">∃n ∈ ℕ ∀x ∈ L: |x| ≥ n ∃u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n ∀i ∈ ℕ: u ∘ vⁱ ∘ w ∈ L</code>) as <code class="language-plaintext highlighter-rouge">B</code>: <code class="language-plaintext highlighter-rouge">A → B</code>.</p>
<p>We can now do the following transformation:</p>
<p><code class="language-plaintext highlighter-rouge">A → B ≡ ¬B → ¬A</code></p>
<p>To pull in the negation on the right side of this transformation, all the quantifiers have to “flip around”. This means the sentence now looks like this:</p>
<p><code class="language-plaintext highlighter-rouge">∀n ∈ ℕ ∃x ∈ L: |x| ≥ n ∀u, v, w: x = u ∘ v ∘ w, |v| ≥ 1, |uv| ≤ n ∃i ∈ ℕ: u ∘ vⁱ ∘ w ∉ L → L ∉ REG</code></p>
<p>Again, this is still the Pumping Lemma. We didn’t change it, we just used an transformation for the implication that is equivalent. If you meet the conditions on the left, you <strong>know</strong> the sentence on the right is true.</p>
<p>Let’s use this on an example: Show that <code class="language-plaintext highlighter-rouge">L = {aᵏ ∘ bᵏ | k ≥ 0}</code> is not regular.</p>
<ol>
<li>Take any number <code class="language-plaintext highlighter-rouge">n</code>.</li>
<li>Select a word with the requirement <code class="language-plaintext highlighter-rouge">x ∈ L</code> with <code class="language-plaintext highlighter-rouge">|x| ≥ n</code>. Your mathematical creativity is requested here! You need to pick a word that helps you show the rest of the conditions easily! We are going to pick: <code class="language-plaintext highlighter-rouge">x = aⁿbⁿ</code>. This is convenient, because it’s obvious that it is as least as long as n (n occurs twice in it as an exponent). The important property to note: there are exactly as many <code class="language-plaintext highlighter-rouge">a</code> as there are <code class="language-plaintext highlighter-rouge">b</code> in this word. So if we can pump it in a way, that this is not the case anymore, we are golden!</li>
<li>Now we have to look at <strong>all</strong> of the partitions <code class="language-plaintext highlighter-rouge">x = uvw</code> with the conditions <code class="language-plaintext highlighter-rouge">|v| ≥ 1</code> and <code class="language-plaintext highlighter-rouge">|uv| ≤ n</code>. Since we have to look at all of them we just say: Let’s assume these conditions are met (we can now use them in the next step).</li>
<li>Pick an <code class="language-plaintext highlighter-rouge">i</code> that shows that <code class="language-plaintext highlighter-rouge">u ∘ vⁱ ∘ w ∉ L</code>. Let’s take <code class="language-plaintext highlighter-rouge">i = 0</code>.
<ul>
<li>Since our word is <code class="language-plaintext highlighter-rouge">aⁿbⁿ</code> and one of the conditions is <code class="language-plaintext highlighter-rouge">|uv| ≤ n</code>, we know that <code class="language-plaintext highlighter-rouge">uv</code> can <strong>only</strong> consist of the letter <code class="language-plaintext highlighter-rouge">a</code>.</li>
<li>And because we have the condition <code class="language-plaintext highlighter-rouge">|v| ≥ 1</code>, we also know that <code class="language-plaintext highlighter-rouge">v</code> has to contain <strong>at least</strong> one letter <code class="language-plaintext highlighter-rouge">a</code>.</li>
<li>If we now remove this letter (or maybe its more than one letter, it doesn’t matter), the amount of letters <code class="language-plaintext highlighter-rouge">a</code> in the word <code class="language-plaintext highlighter-rouge">x</code> is now not equal to the amount of letters <code class="language-plaintext highlighter-rouge">b</code> in the word.</li>
<li>Hence: Our word is not part of the language any more (<code class="language-plaintext highlighter-rouge">u ∘ v⁰ ∘ w ∉ L</code>), violating the PL.</li>
</ul>
</li>
</ol>
<p>This shows that <code class="language-plaintext highlighter-rouge">L = {aᵏ ∘ bᵏ | k ≥ 0}</code> is not a regular language.</p>]]></content><author><name>Felix Förtsch</name></author><category term="Tutorials" /><category term="Proof" /><category term="Computer Science" /><summary type="html"><![CDATA[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 question about the Pumping Lemma on the computer science subreddit. So naturally, if someone ask about a thing I know about, I’ll try to explain it as best as I can – repetition is key for retaining knowledge!]]></summary></entry><entry><title type="html">Die Rechnung</title><link href="https://felixfoertsch.github.io/2019/02/22/Bestandteile-einer-Rechnung.html" rel="alternate" type="text/html" title="Die Rechnung" /><published>2019-02-22T00:00:00+00:00</published><updated>2019-03-25T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2019/02/22/Bestandteile-einer-Rechnung</id><content type="html" xml:base="https://felixfoertsch.github.io/2019/02/22/Bestandteile-einer-Rechnung.html"><![CDATA[<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>
<!-- more -->
<ul>
<li>Der vollständige Name und die Anschrift des Rechnungs<strong>steller</strong></li>
<li>Der vollständige Name und die Anschrift des Rechnungs<strong>empfänger</strong></li>
<li>Die Steuernummer des Rechnungs<strong>stellers</strong></li>
<li>Das Ausstellungsdatum</li>
<li>Eine eindeutig Rechnungsnummer</li>
<li>Die Menge und Art der gelieferten Leistung</li>
<li>Das Datum der Lieferung (auch wenn identisch mit oben!)</li>
<li>Der Netto-Betrag der Lieferung</li>
<li>Den anzuwendenden Steuersatz</li>
<li>Den anfallenden Steuerbetrag</li>
</ul>]]></content><author><name>Felix Förtsch</name></author><category term="Deutsch" /><category term="Checklist" /><summary type="html"><![CDATA[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 gültig ist und der Kunde bezahlen muss. Der Gesetzgeber hat eindeutig festgelegt, welche Angaben enthalten sein müssen (§ 14 UStG):]]></summary></entry><entry><title type="html">iPad Gestures</title><link href="https://felixfoertsch.github.io/2019/02/22/iPad-Gestures.html" rel="alternate" type="text/html" title="iPad Gestures" /><published>2019-02-22T00:00:00+00:00</published><updated>2019-02-22T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2019/02/22/iPad-Gestures</id><content type="html" xml:base="https://felixfoertsch.github.io/2019/02/22/iPad-Gestures.html"><![CDATA[<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 didn’t 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>
<!-- more -->
<ul>
<li>Swipe with two fingers on the virtual keyboard to move cursor.</li>
<li>Tap and hold with two fingers to begin selecting, then move fingers to expand selection, OR</li>
<li>Tap once with two fingers to select single word.</li>
<li>Double tap with two fingers to select sentence.</li>
<li>Triple tap with two fingers to select paragraph.</li>
</ul>
<p>While text is selected:</p>
<ul>
<li>Swipe left/up with two fingers to move left selection handle.</li>
<li>Swipe right/down with two fingers to move right selection handle.</li>
<li>Tap once with two fingers to exit selection and return to cursor mode.</li>
</ul>]]></content><author><name>Felix Förtsch</name></author><category term="Tips" /><category term="English" /><category term="Apple" /><summary type="html"><![CDATA[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 didn’t 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. Additionally I learned a few gestures that are really useful:]]></summary></entry><entry><title type="html">Blackhole</title><link href="https://felixfoertsch.github.io/2019/02/21/Blackhole.html" rel="alternate" type="text/html" title="Blackhole" /><published>2019-02-21T00:00:00+00:00</published><updated>2019-02-21T00:00:00+00:00</updated><id>https://felixfoertsch.github.io/2019/02/21/Blackhole</id><content type="html" xml:base="https://felixfoertsch.github.io/2019/02/21/Blackhole.html"><![CDATA[<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>
<!-- more -->
<h1 id="blackhole">Blackhole</h1>
<p>Imagine, just for a moment, that you are aboard a spaceship equipped with a magical engine capable of accelerating you to any arbitrarily high velocity. This is absolutely and utterly impossible, but it turns out it’ll be okay, for reasons you’ll see in a second.</p>
<p>Because you know your engine can push you faster than the speed of light, you have no fear of black holes. In the interest of scientific curiosity, you allow yourself to fall through the event horizon of one. And not just any black hole, but rather a carefully chosen one, one sufficiently massive that its event horizon lies quite far from its center. This is so you’ll have plenty of time between crossing the event horizon and approaching the region of insane gravitational gradient near the center to make your observations and escape again.</p>
<p>As you fall toward the black hole, you notice some things which strike you as highly unusual, but because you know your general relativity they do not shock or frighten you. First, the stars behind you — that is, in the direction that points away from the black hole — grow much brighter. The light from those stars, falling in toward the black hole, is being blue-shifted by the gravitation; light that was formerly too dim to see, in the deep infrared, is boosted to the point of visibility.</p>
<p>Simultaneously, the black patch of sky that is the event horizon seems to <em>grow</em> strangely. You know from basic geometry that, at this distance, the black hole should subtend about a half a degree of your view — it should, in other words, be about the same size as the full moon as seen from the surface of the Earth. Except it isn’t. In fact, it fills half your view. Half of the sky, from notional horizon to notional horizon, is pure, empty blackness. And <em>all</em> the other stars, nearly the whole sky full of stars, are crowded into the hemisphere that lies behind you.</p>
<p>As you continue to fall, the event horizon opens up beneath you, so you feel as if you’re descending into a featureless black bowl. Meanwhile, the stars become more and more crowded into a circular region of sky centered on the point immediately aft. The event horizon does not <em>obscure</em> the stars; you can watch a star just at the edge of the event horizon for as long as you like and you’ll never see it slip behind the black hole. Rather, the field of view through which you see the rest of the universe gets smaller and smaller, as if you’re experiencing tunnel-vision.</p>
<p>Finally, just before you’re about to cross the event horizon, you see the entire rest of the observable universe contract to a single, brilliant point immediately behind you. If you train your telescope on that point, you’ll see not only the light from all the stars and galaxies, but also a curious dim red glow. This is the cosmic microwave background, boosted to visibility by the intense gravitation of the black hole.</p>
<p>And then the point goes out. All at once, as if God turned off the switch.</p>
<p>You have crossed the event horizon of the black hole.</p>
<p>Focusing on the task at hand, knowing that you have limited time before you must fire up your magical spaceship engine and escape the black hole, you turn to your observations. Except you don’t see anything. No light is falling on any of your telescopes. The view out your windows is blacker than mere black; you are looking at non-existence. There is <em>nothing</em> to see, <em>nothing</em> to observe.</p>
<p>You know that somewhere ahead of you lies the singularity … or at least, whatever the universe deems fit to exist at the point where our mathematics fails. But you have no way of observing it. Your mission is a failure.</p>
<p>Disappointed, you decide to end your adventure. You attempt to turn your ship around, such that your magical engine is pointing toward the singularity and so you can thrust yourself away at whatever arbitrarily high velocity is necessary to escape the black hole’s hellish gravitation. But you are thwarted.</p>
<p>Your spaceship has sensitive instruments that are designed to detect the gradient of gravitation, so you can orient yourself. These instruments should point straight toward the singularity, allowing you to point your ship in the right direction to escape. Except the instruments are going haywire. They seem to indicate that the singularity lies <em>all around you.</em> In <em>every</em> direction, the gradient of gravitation increases. If you are to believe your instruments, you are at the point of lowest gravitation inside the event horizon, and every direction points “downhill” toward the center of the black hole. So <em>any direction you thrust your spaceship</em> will push you closer to the singularity and your death.</p>
<p>This is clearly nonsense. You cannot believe what your instruments are telling you. It must be a malfunction.</p>
<p>But it isn’t. It’s the absolute, literal truth. Inside the event horizon of a black hole, there <em>is</em> no way out. There are no directions of space that point away from the singularity. Due to the Lovecraftian curvature of spacetime within the event horizon, all the trajectories that <em>would</em> carry you away from the black hole now point into the past.</p>
<p>In fact, this is the definition of the event horizon. It’s the boundary separating points in space where there <em>are</em> trajectories that point away from the black hole from points in space where there are none.</p>
<p>Your magical infinitely-accelerating engine is of no use to you … because you cannot find a direction in which to point it. The singularity is all around you, in every direction you look.</p>
<p>And it is getting closer.</p>]]></content><author><name>Felix Förtsch</name></author><category term="Art" /><category term="English" /><category term="Reading" /><summary type="html"><![CDATA[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.]]></summary></entry></feed>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/img/20180602-Syncthing-settings.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/img/20180602-Syncthing-settings2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/img/20200827-dino.mp4
BIN
View File
Binary file not shown.
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/index.html
+830
View File
@@ -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. It’s 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,
I’ll 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
didn’t 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>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/keybase.txt
+54
View File
@@ -0,0 +1,54 @@
==================================================================
https://keybase.io/felixfoertsch
--------------------------------------------------------------------
I hereby claim:
* I am an admin of https://felixfoertsch.de
* I am felixfoertsch (https://keybase.io/felixfoertsch) on keybase.
* I have a public key ASD9XW5K8nDQLkToPo-zCymJYADqz9r1TJRgmhC_RTes0wo
To do so, I am signing this object:
{
"body": {
"key": {
"eldest_kid": "0120fd5d6e4af270d02e44e83e8fb30b29896000eacfdaf54c94609a10bf4537acd30a",
"host": "keybase.io",
"kid": "0120fd5d6e4af270d02e44e83e8fb30b29896000eacfdaf54c94609a10bf4537acd30a",
"uid": "798d110380f106106287a45a90a82d19",
"username": "felixfoertsch"
},
"service": {
"hostname": "felixfoertsch.de",
"protocol": "https:"
},
"type": "web_service_binding",
"version": 1
},
"client": {
"name": "keybase.io go client",
"version": "1.0.22"
},
"ctime": 1494791888,
"expire_in": 504576000,
"merkle_root": {
"ctime": 1494791851,
"hash": "9aa892b0ea93a6067a2a311403f323948bb3571b687dcd7ad70c7eea633a4233c91972dca902808358c54aaeb03b57cf093870a216fa30105ddf17be4ee17d28",
"seqno": 1082312
},
"prev": "fa59fc978d3956129a3cc5e62ed92107fb602b5b59e6b144b7f1a22657ea0994",
"seqno": 7,
"tag": "signature"
}
which yields the signature:
hKRib2R5hqhkZXRhY2hlZMOpaGFzaF90eXBlCqNrZXnEIwEg/V1uSvJw0C5E6D6PswspiWAA6s/a9UyUYJoQv0U3rNMKp3BheWxvYWTFAv57ImJvZHkiOnsia2V5Ijp7ImVsZGVzdF9raWQiOiIwMTIwZmQ1ZDZlNGFmMjcwZDAyZTQ0ZTgzZThmYjMwYjI5ODk2MDAwZWFjZmRhZjU0Yzk0NjA5YTEwYmY0NTM3YWNkMzBhIiwiaG9zdCI6ImtleWJhc2UuaW8iLCJraWQiOiIwMTIwZmQ1ZDZlNGFmMjcwZDAyZTQ0ZTgzZThmYjMwYjI5ODk2MDAwZWFjZmRhZjU0Yzk0NjA5YTEwYmY0NTM3YWNkMzBhIiwidWlkIjoiNzk4ZDExMDM4MGYxMDYxMDYyODdhNDVhOTBhODJkMTkiLCJ1c2VybmFtZSI6ImZlbGl4Zm9lcnRzY2gifSwic2VydmljZSI6eyJob3N0bmFtZSI6ImZlbGl4Zm9lcnRzY2guZGUiLCJwcm90b2NvbCI6Imh0dHBzOiJ9LCJ0eXBlIjoid2ViX3NlcnZpY2VfYmluZGluZyIsInZlcnNpb24iOjF9LCJjbGllbnQiOnsibmFtZSI6ImtleWJhc2UuaW8gZ28gY2xpZW50IiwidmVyc2lvbiI6IjEuMC4yMiJ9LCJjdGltZSI6MTQ5NDc5MTg4OCwiZXhwaXJlX2luIjo1MDQ1NzYwMDAsIm1lcmtsZV9yb290Ijp7ImN0aW1lIjoxNDk0NzkxODUxLCJoYXNoIjoiOWFhODkyYjBlYTkzYTYwNjdhMmEzMTE0MDNmMzIzOTQ4YmIzNTcxYjY4N2RjZDdhZDcwYzdlZWE2MzNhNDIzM2M5MTk3MmRjYTkwMjgwODM1OGM1NGFhZWIwM2I1N2NmMDkzODcwYTIxNmZhMzAxMDVkZGYxN2JlNGVlMTdkMjgiLCJzZXFubyI6MTA4MjMxMn0sInByZXYiOiJmYTU5ZmM5NzhkMzk1NjEyOWEzY2M1ZTYyZWQ5MjEwN2ZiNjAyYjViNTllNmIxNDRiN2YxYTIyNjU3ZWEwOTk0Iiwic2Vxbm8iOjcsInRhZyI6InNpZ25hdHVyZSJ9o3NpZ8RAVu793WIEbx2uZPCw2yDhInNJpxQo6YychFJ94SdmtVgWZePN8kotqjie2WB9XE+c1EaD6hUbryArm20JV8SLBKhzaWdfdHlwZSCkaGFzaIKkdHlwZQildmFsdWXEIEnID3V74qMobWJIRdiFfx6ueIWBuUogBo3oMzxYAAEvo3RhZ80CAqd2ZXJzaW9uAQ==
And finally, I am proving ownership of this host by posting or
appending to this document.
View my publicly-auditable identity here: https://keybase.io/felixfoertsch
==================================================================
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/page2/index.html
+538
View File
@@ -0,0 +1,538 @@
<!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">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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="/2019/02/19/How-to-Begin-an-English-Sentence.html">
How to Begin an English Sentence
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-19</span>
<span class="post-categories">
&bull;
<a href="/category/tutorials">Tutorials</a>
</span>
</div>
<p>During the writing of my thesis, I collected some English words you can use two empower your writing style.</p>
</div>
<a href="/2019/02/19/How-to-Begin-an-English-Sentence.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/15/Use-PIP-via-Bookmarklet.html">
Use Picture-in-Picture Mode on Mac and iPad with a Bookmarklet
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2019-02-15</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-20</span>
<span class="post-categories">
&bull;
<a href="/category/Tips">Tips</a>
</span>
</div>
<p><a href="https://twitter.com/SnazzyQ">Quinn</a> from <a href="https://www.youtube.com/channel/UCO2x-p9gg9TLKneXlibGR7w">Snazzy Labs</a> just posted an <a href="https://www.youtube.com/watch?v=cqjpa8-Cp-s">interesting video</a> about some macOS utilities. I love small utilities, but I like it even better, when a problem can be solved with system functions. That is the case here. He mentions Helium - an app to use a form of picture in picture mode for websites that don’t support the native PIP.</p>
<p>However, there is a better solution! And this solution works on Mac as well as iPad!</p>
</div>
<a href="/2019/02/15/Use-PIP-via-Bookmarklet.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="/2018/09/15/Starting-an-Online-Business.html">
Basic Things to Consider When Starting an Online Business
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2018-09-15</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">
&bull;
<a href="/category/summaries">Summaries</a>
</span>
</div>
<p>This post is a really short excerpt from a flyer I found a while ago. It lists thing you should consider, if you want to try to start an online business. Think about it as a checklist.</p>
</div>
<a href="/2018/09/15/Starting-an-Online-Business.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="/2018/06/03/Zusammenfassung-Malik.html">
Zusammenfassung von Fredmund Maliks Führen, Leisten, Leben
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2018-06-03</span>
<span class="post-categories">
&bull;
<a href="/category/summaries">Summaries</a>
</span>
</div>
<p><a href="https://de.wikipedia.org/wiki/Fredmund_Malik">Fredmund Maliks</a> <a href="https://www.amazon.de/dp/3593501279/">Führen, Leisten, Leben</a> ist ein Management-Standardwerk. Es schildert wichtige Aspekte des Managements und die Philosophie des Autors. Dabei steht vor allem eine These im Zentrum: Gutes Management kann man lernen und ist <strong>keine</strong> gottgegebene Fähigkeit. Das Buch legt dar, wie man diese Fähigkeit lernen kann. Ich habe das Buch gelesen und für Dich zusammengefasst.</p>
</div>
<a href="/2018/06/03/Zusammenfassung-Malik.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="/2018/05/21/Syncthing-auf-Uberspace.html">
Install Syncthing on Uberspace 6 in a Subdomain
</a>
</h2>
<div class="card-text">
<div class="card-subtitle mb-2 text-muted">
<span class="">2018-05-21</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-18</span>
<span class="post-categories">
&bull;
<a href="/category/tutorials">Tutorials</a>
</span>
</div>
<div class="alert alert-warning">
<h2 class="alert-heading">Uberspace 6 has reached <a href="https://en.wikipedia.org/wiki/End-of-life_(product)">EOL</a></h2>
<p>If you want to use Syncthing, you should create an Uberspace 7 and refer to the the <a href="https://lab.uberspace.de/guide_syncthing.html">Syncthing tutorial from the Uberlab</a>!</p>
</div>
<p>This short tutorial explains how to install <a href="https://syncthing.net">Syncthing</a> on a <a href="https://uberspace.de">Uberspace</a>. It is based on the <a href="https://maxhaesslein.de/dachboden/syncthing-auf-uberspace/"><del>Tutorial</del></a> from <a href="http://maxhaesslein.blog">Max Haesslein</a>. Thanks Max!</p>
</div>
<a href="/2018/05/21/Syncthing-auf-Uberspace.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">
<a class="page-link" href="/">&larr;</a>
</li>
<li class="page-item">
<a class="page-link" href="/">1</a>
</li>
<li class="page-item active" aria-current="page">
<span class="page-link">
2
</span>
</li>
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">&rarr;</a>
</li>
</ul>
</div>
</div>
</nav>
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/repositories.html
+411
View File
@@ -0,0 +1,411 @@
<!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>
Repositories &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="repositories">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Repositories</h1>
</div>
</header>
<div class="row">
<div class="col">
<div>
<div>
<div class="">
<h3 class="">
<a href="https://github.com/felixfoertsch/Affinity">
Affinity
</a>
</h3>
<div>
This is a collection of assets for Affinity Designer.
</div>
<div>
<span class="">
<svg style="fill: #767676" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>
3
</span>
<span class="">
<svg style="fill: #767676" octicon octicon-git-branch" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
0
</span>
</div>
</div>
</div>
<div>
<div class="">
<h3 class="">
<a href="https://github.com/felixfoertsch/Bachelorarbeit">
Bachelorarbeit
</a>
</h3>
<div>
Bachelor Thesis of Felix Förtsch for the University of Leipzig.
</div>
<div>
<span class="">
<svg style="fill: #767676" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>
2
</span>
<span class="">
<svg style="fill: #767676" octicon octicon-git-branch" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
0
</span>
</div>
</div>
</div>
<div>
<div class="">
<h3 class="">
<a href="https://github.com/felixfoertsch/EurKEY-macOS">
EurKEY-macOS
</a>
</h3>
<div>
The home of the EurKEY-macOS keyboard layout
</div>
<div>
<span class="">
<svg style="fill: #767676" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>
8
</span>
<span class="">
<svg style="fill: #767676" octicon octicon-git-branch" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
1
</span>
</div>
</div>
</div>
<div>
<div class="">
<h3 class="">
<a href="https://github.com/felixfoertsch/felixfoertsch.github.io">
felixfoertsch.github.io
</a>
</h3>
<div>
This is my personal website.
</div>
<div>
<span class="">
<svg style="fill: #767676" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>
1
</span>
<span class="">
<svg style="fill: #767676" octicon octicon-git-branch" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
0
</span>
</div>
</div>
</div>
<div>
<div class="">
<h3 class="">
<a href="https://github.com/felixfoertsch/student-consulting-organization">
student-consulting-organization
</a>
</h3>
<div>
The release version of my Bachelor's Thesis about Student Consulting Organizations.
</div>
<div>
<span class="">
<svg style="fill: #767676" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>
1
</span>
<span class="">
<svg style="fill: #767676" octicon octicon-git-branch" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
0
</span>
</div>
</div>
</div>
<div>
<div class="">
<h3 class="">
<a href="https://github.com/felixfoertsch/uni-xml">
uni-xml
</a>
</h3>
<div>
</div>
<div>
<span class="">
<svg style="fill: #767676" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>
1
</span>
<span class="">
<svg style="fill: #767676" octicon octicon-git-branch" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
2
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>
Content/Archive/220123-ff.de v10 felixfoertsch.github.io/_site/tags.html
+555
View File
@@ -0,0 +1,555 @@
<!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>
Tags &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="tags">
<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
<div class="container-fluid">
<a class="nav-link navbar-brand " 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 active" 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">Tags</h1>
</div>
</header>
<!-- See https://blog.lanyonm.org/articles/2013/11/21/alphabetize-jekyll-page-tags-pure-liquid.html -->
<!-- With added pipe to handle lack of sort_natural -->
<!-- site_tags: english|English,self-hosted software|Self-Hosted Software,deutsch|Deutsch,philosophy|Philosophy,checklist|Checklist,apple|Apple,writing|Writing,reading|Reading,proof|Proof,computer science|Computer Science,swift|Swift,collection|Collection -->
<!-- tag_words: apple|Applechecklist|Checklistcollection|Collectioncomputer science|Computer Sciencedeutsch|Deutschenglish|Englishphilosophy|Philosophyproof|Proofreading|Readingself-hosted software|Self-Hosted Softwareswift|Swiftwriting|Writing -->
<div class="row">
<div class="col-md-3">
<div class="btn-group-vertical">
<a href="#apple" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Apple: 2</a>
<a href="#checklist" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Checklist: 2</a>
<a href="#collection" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Collection: 2</a>
<a href="#computer-science" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Computer Science: 1</a>
<a href="#deutsch" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Deutsch: 2</a>
<a href="#english" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> English: 12</a>
<a href="#philosophy" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Philosophy: 2</a>
<a href="#proof" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Proof: 1</a>
<a href="#reading" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Reading: 1</a>
<a href="#self-hosted-software" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Self-Hosted Software: 2</a>
<a href="#swift" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Swift: 1</a>
<a href="#writing" class="btn btn-sm btn-secondary"><svg height="12" class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="12" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> Writing: 1</a>
</div>
</div>
<div class="col">
<div id="apple" class="posts-for-tag">
<h2>Apple</h2>
<ul>
<li>
<a href="/2019/02/22/iPad-Gestures.html">iPad Gestures</a>
<span class="badge bg-secondary">2019-02-22</span>
</li>
<li>
<a href="/2019/02/15/Use-PIP-via-Bookmarklet.html">Use Picture-in-Picture Mode on Mac and iPad with a Bookmarklet</a>
<span class="badge bg-secondary"><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> 2020-07-20</span>
</li>
</ul>
</div>
<div id="checklist" class="posts-for-tag">
<h2>Checklist</h2>
<ul>
<li>
<a href="/2019/02/22/Bestandteile-einer-Rechnung.html">Die Rechnung</a>
<span class="badge bg-secondary"><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> 2019-03-25</span>
</li>
<li>
<a href="/2018/09/15/Starting-an-Online-Business.html">Basic Things to Consider When Starting an Online Business</a>
<span class="badge bg-secondary"><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> 2019-03-25</span>
</li>
</ul>
</div>
<div id="collection" class="posts-for-tag">
<h2>Collection</h2>
<ul>
<li>
<a href="/2020/08/04/Ideas.html">Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/07/20/The-Collection.html">The Collection</a>
<span class="badge bg-secondary"><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> 2020-08-28</span>
</li>
</ul>
</div>
<div id="computer-science" class="posts-for-tag">
<h2>Computer Science</h2>
<ul>
<li>
<a href="/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html">Use the Pumping Lemma for Regular Languages</a>
<span class="badge bg-secondary"><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> 2019-04-04</span>
</li>
</ul>
</div>
<div id="deutsch" class="posts-for-tag">
<h2>Deutsch</h2>
<ul>
<li>
<a href="/2019/02/22/Bestandteile-einer-Rechnung.html">Die Rechnung</a>
<span class="badge bg-secondary"><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> 2019-03-25</span>
</li>
<li>
<a href="/2018/06/03/Zusammenfassung-Malik.html">Zusammenfassung von Fredmund Maliks Führen, Leisten, Leben</a>
<span class="badge bg-secondary">2018-06-03</span>
</li>
</ul>
</div>
<div id="english" class="posts-for-tag">
<h2>English</h2>
<ul>
<li>
<a href="/2020/08/05/Apple-Colors.html">Apple Colors in SCSS</a>
<span class="badge bg-secondary">2020-08-05</span>
</li>
<li>
<a href="/2020/08/04/Ideas.html">Ideas</a>
<span class="badge bg-secondary">2020-08-04</span>
</li>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html">Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
<li>
<a href="/2020/07/20/The-Collection.html">The Collection</a>
<span class="badge bg-secondary"><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> 2020-08-28</span>
</li>
<li>
<a href="/2020/07/19/Install-Mailtrain-on-Uberspace-7.html">Install Mailtrain on Uberspace 7</a>
<span class="badge bg-secondary"><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> 2020-07-21</span>
</li>
<li>
<a href="/2019/03/25/High-Quality-Swift-Libraries.html">Collection of High Quality Swift Libraries</a>
<span class="badge bg-secondary"><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> 2019-03-30</span>
</li>
<li>
<a href="/2019/02/22/iPad-Gestures.html">iPad Gestures</a>
<span class="badge bg-secondary">2019-02-22</span>
</li>
<li>
<a href="/2019/02/21/Blackhole.html">Blackhole</a>
<span class="badge bg-secondary">2019-02-21</span>
</li>
<li>
<a href="/2019/02/19/How-to-Begin-an-English-Sentence.html">How to Begin an English Sentence</a>
<span class="badge bg-secondary">2019-02-19</span>
</li>
<li>
<a href="/2019/02/15/Use-PIP-via-Bookmarklet.html">Use Picture-in-Picture Mode on Mac and iPad with a Bookmarklet</a>
<span class="badge bg-secondary"><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> 2020-07-20</span>
</li>
<li>
<a href="/2018/09/15/Starting-an-Online-Business.html">Basic Things to Consider When Starting an Online Business</a>
<span class="badge bg-secondary"><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> 2019-03-25</span>
</li>
<li>
<a href="/2018/05/21/Syncthing-auf-Uberspace.html">Install Syncthing on Uberspace 6 in a Subdomain</a>
<span class="badge bg-secondary"><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> 2020-07-18</span>
</li>
</ul>
</div>
<div id="philosophy" class="posts-for-tag">
<h2>Philosophy</h2>
<ul>
<li>
<a href="/2020/08/02/Strategies-from-the-Happiness-Lab.html">Strategies from the Happiness Lab</a>
<span class="badge bg-secondary">2020-08-02</span>
</li>
<li>
<a href="/2018/06/03/Zusammenfassung-Malik.html">Zusammenfassung von Fredmund Maliks Führen, Leisten, Leben</a>
<span class="badge bg-secondary">2018-06-03</span>
</li>
</ul>
</div>
<div id="proof" class="posts-for-tag">
<h2>Proof</h2>
<ul>
<li>
<a href="/2019/02/23/Use-the-Pumping-Lemma-for-Regular-Languages.html">Use the Pumping Lemma for Regular Languages</a>
<span class="badge bg-secondary"><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> 2019-04-04</span>
</li>
</ul>
</div>
<div id="reading" class="posts-for-tag">
<h2>Reading</h2>
<ul>
<li>
<a href="/2019/02/21/Blackhole.html">Blackhole</a>
<span class="badge bg-secondary">2019-02-21</span>
</li>
</ul>
</div>
<div id="self-hosted-software" class="posts-for-tag">
<h2>Self-Hosted Software</h2>
<ul>
<li>
<a href="/2020/07/19/Install-Mailtrain-on-Uberspace-7.html">Install Mailtrain on Uberspace 7</a>
<span class="badge bg-secondary"><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> 2020-07-21</span>
</li>
<li>
<a href="/2018/05/21/Syncthing-auf-Uberspace.html">Install Syncthing on Uberspace 6 in a Subdomain</a>
<span class="badge bg-secondary"><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> 2020-07-18</span>
</li>
</ul>
</div>
<div id="swift" class="posts-for-tag">
<h2>Swift</h2>
<ul>
<li>
<a href="/2019/03/25/High-Quality-Swift-Libraries.html">Collection of High Quality Swift Libraries</a>
<span class="badge bg-secondary"><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> 2019-03-30</span>
</li>
</ul>
</div>
<div id="writing" class="posts-for-tag">
<h2>Writing</h2>
<ul>
<li>
<a href="/2019/02/19/How-to-Begin-an-English-Sentence.html">How to Begin an English Sentence</a>
<span class="badge bg-secondary">2019-02-19</span>
</li>
</ul>
</div>
</div>
</div>
</main>
<footer class="container-fluid py-3">
<script src="/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>