.compress-all.js

@@ -0,0 +1,32 @@
+const glob = require("glob");
+const minify = require('@node-minify/core');
+const htmlMinifier = require('@node-minify/html-minifier');
+const crass = require('@node-minify/crass');
+
+console.log('compress all html and css files');
+
+glob("dist/**/*.html", function (er, files) {
+    files.forEach(file => {
+        console.log(file);
+        minify({
+            compressor: htmlMinifier,
+            input: file,
+            output: file,
+            options: {
+                collapseWhitespace: true,
+                conservativeCollapse: true
+            },
+        });
+    })
+});
+
+glob("dist/**/*.css", function (er, files) {
+    files.forEach(file => {
+        console.log(file);
+        minify({
+            compressor: crass,
+            input: file,
+            output: file
+        });
+    })
+});

.eleventy.js

@@ -8,8 +8,7 @@ module.exports = function (eleventyConfig) {
     eleventyConfig.addPassthroughCopy({
         "src/img": "img",
         "src/font": "font",
-        "node_modules/@fortawesome/fontawesome-free/webfonts/": "font",
+        "src/favicon.*": "",
-        "node_modules/flag-icon-css/flags/4x3/(de|us)*": "flags"
     });
     eleventyConfig.addShortcode("translatedUrl", function (currentLocale, newLocale) {
         return this.page.url.replace(new RegExp(`\/${currentLocale}\/`), `/${newLocale}/`);

package.json

@@ -3,11 +3,12 @@
   "version": "1.0.0",
   "description": "website for sp-codes.de",
   "scripts": {
-    "compile-sass": "node-sass --output-style compressed --importer=node_modules/node-sass-tilde-importer src/scss/ -o dist/css/",
+    "compile-sass": "node-sass --output-style compressed --importer=node_modules/node-sass-tilde-importer src/scss/main.scss -o dist/css/",
+    "minify-css": "uncss -n -H dist/ -o dist/css/main.css dist/**/*.html dist/**/**/*.html dist/**/**/**/*.html",
     "watch:eleventy": "eleventy --serve",
-    "watch:sass": "npm run compile-sass -- --watch",
+    "watch:sass": "npm-run-all compile-sass minify-css -- --watch",
-    "start": "npm-run-all compile-sass --parallel watch:*",
+    "start": "npm-run-all compile-sass minify-css --parallel watch:*",
-    "build": "npm run compile-sass && eleventy && npm run move-index",
+    "build": "npm run compile-sass && eleventy && npm run move-index && npm run minify-css && node .compress-all.js",
     "move-index": "cpx dist/de/index.html dist/"
   },
   "author": "samuel-p",
@@ -19,16 +20,20 @@
     "browser-sync": "^2.26.14"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^1.0.0-canary.32",
+    "@11ty/eleventy": "^1.0.0-canary.35",
     "@11ty/eleventy-navigation": "^0.2.0",
+    "@node-minify/core": "^6.2.0",
+    "@node-minify/crass": "^6.2.0",
+    "@node-minify/html-minifier": "^6.2.0",
     "cpx": "^1.5.0",
+    "glob": "^7.1.7",
+    "minify": "^7.0.2",
     "node-sass": "^6.0.0",
     "node-sass-tilde-importer": "^1.0.2",
-    "npm-run-all": "^4.1.5"
+    "npm-run-all": "^4.1.5",
+    "uncss": "^0.17.3"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.3",
+    "bootstrap": "^4.6.0"
-    "bootstrap": "^4.6.0",
-    "flag-icon-css": "^3.5.0"
   }
 }

src/_data/services.json

@@ -2,7 +2,7 @@
   {
     "id": "searx",
     "name": "Searx",
-    "icon": "si si-search",
+    "icon": "i-search",
     "url": "https://searx.sp-codes.de",
     "status": "https://searx.sp-codes.de",
     "summary": {
@@ -13,7 +13,7 @@
   {
     "id": "matrix",
     "name": "Matrix",
-    "icon": "si si-comments",
+    "icon": "i-comments",
     "url": "https://chat.sp-codes.de",
     "status": "https://matrix.sp-codes.de/_matrix/static/",
     "summary": {
@@ -24,7 +24,7 @@
   {
     "id": "jitsi",
     "name": "Jitsi Meet",
-    "icon": "si si-users",
+    "icon": "i-users",
     "url": "https://jitsi.sp-codes.de",
     "status": "https://jitsi.sp-codes.de",
     "summary": {
@@ -35,7 +35,7 @@
   {
     "id": "mastodon",
     "name": "Mastodon",
-    "icon": "si si-mastodon",
+    "icon": "i-mastodon",
     "url": "https://social.sp-codes.de",
     "status": "https://social.sp-codes.de/health",
     "beta": true,
@@ -47,7 +47,7 @@
   {
     "id": "gitea",
     "name": "Gitea",
-    "icon": "si si-gitea",
+    "icon": "i-gitea",
     "url": "https://git.sp-codes.de",
     "status": "https://git.sp-codes.de",
     "summary": {
@@ -58,7 +58,7 @@
   {
     "id": "connectivitycheck",
     "name": "Captive Portal Check",
-    "icon": "si si-wifi",
+    "icon": "i-wifi",
     "status": "https://connectivitycheck.sp-codes.de/generate204",
     "summary": {
       "de": "Eine datenschutzfreundliches Tool, um Anmeldeseiten in WLAN-Netzwerken zu erkennen.",
@@ -68,7 +68,7 @@
   {
     "id": "firefox-sync",
     "name": "Firefox Sync",
-    "icon": "si si-firefox-browser",
+    "icon": "i-firefox",
     "status": "https://sync.firefox.sp-codes.de/token/",
     "summary": {
       "de": "Ein Service um Firefox Einstellungen, Lesezeichen, offene Tabs und vieles mehr über verschiedene Geräte zu synchronisieren.",
@@ -78,7 +78,7 @@
   {
     "id": "shields",
     "name": "Shields",
-    "icon": "si si-tags",
+    "icon": "i-tags",
     "url": "https://shields.sp-codes.de",
     "status": "https://shields.sp-codes.de",
     "summary": {
@@ -88,8 +88,8 @@
   },
   {
     "id": "translate",
-    "name": "LibreTranslate",
+    "name": "Translate",
-    "icon": "si si-language",
+    "icon": "i-language",
     "url": "https://translate.sp-codes.de",
     "status": "https://translate.sp-codes.de",
     "beta": true,
@@ -101,7 +101,7 @@
   {
     "id": "invidious",
     "name": "Invidious",
-    "icon": "si si-youtube",
+    "icon": "i-youtube",
     "url": "https://invidious.sp-codes.de",
     "status": "https://invidious.sp-codes.de",
     "summary": {
@@ -112,7 +112,7 @@
   {
     "id": "nitter",
     "name": "Nitter",
-    "icon": "si si-twitter",
+    "icon": "i-twitter",
     "url": "https://nitter.sp-codes.de",
     "status": "https://nitter.sp-codes.de",
     "summary": {

src/_includes/layouts/base.njk

@@ -31,23 +31,22 @@ title: sp-codes
     <meta name="twitter:title" content="sp-codes">
     <meta name="twitter:description" content="Samuel Philipp - Software Engineer from Magdeburg">
     <meta name="twitter:image" content="https://sp-codes.de/img/sp-codes.jpg">
-    <link rel="shortcut icon" href="img/sp-codes.ico">
+    <link rel="shortcut icon" href="favicon.ico">
-    <link rel="stylesheet" href="/css/logo.css">
+    <link rel="icon" type="image/png" href="favicon.png">
-    <link rel="stylesheet" href="/css/icons.css">
     <link rel="stylesheet" href="/css/main.css">
     <script async defer data-domain="sp-codes.de" src="https://plausible.sp-codes.de/js/plausible.outbound-links.js"></script>
 </head>
 <body>
 <nav class="nav menu border-bottom">
     <div class="toggle">
-        <label for="menu" class="m-0"><span class="si si-bars mr-1"></span>{{ strings.menu[locale] }}</label>
+        <label for="menu" class="m-0"><span class="i-bars mr-1"></span>{{ strings.menu[locale] }}</label>
 
         <div class="flex-grow-1"></div>
 
         {% for language in site.languages %}
         <div {% if language.code== locale %} class="active" {% endif %}>
             <a href="{% translatedUrl locale, language.code %}" class="ml-3">
-                <span class="flag-icon flag-icon-{{ language.icon }}" title="{{ language.label }}"></span>
+                <span class="fi-{{ language.icon }}" title="{{ language.label }}"></span>
             </a>
         </div>
         {% endfor %}
@@ -72,7 +71,7 @@ title: sp-codes
         {% for language in site.languages %}
         <div {% if language.code== locale %} class="active" {% endif %}>
             <a href="{% translatedUrl locale, language.code %}" class="ml-3">
-                <span class="flag-icon flag-icon-{{ language.icon }}" title="{{ language.label }}"></span>
+                <span class="fi-{{ language.icon }}" title="{{ language.label }}"></span>
             </a>
         </div>
         {% endfor %}
@@ -86,19 +85,19 @@ title: sp-codes
 </div>
 <div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
     <div class="d-flex justify-content-start flex-wrap">
-        <div class="mr-3">Made with <span class="fas fa-heart highlight"></span> in Germany</div>
+        <div class="mr-3">Made with <span class="i-heart highlight"></span> in Germany</div>
-        <div class="mr-3"><a href="https://samuel-philipp.de"><span class="far fa-copyright mr-1"></span>Samuel Philipp</a></div>
+        <div class="mr-3"><a href="https://samuel-philipp.de"><span class="i-copyright mr-1"></span>Samuel Philipp</a></div>
     </div>
     <div class="flex-sm-grow-1"></div>
     <div class="d-flex justify-content-sm-start flex-wrap">
-        <div class="mr-3"><a href="/{{locale}}/imprint"><span class="fas fa-info-circle mr-1"></span>{{strings.imprint[locale]}}</a>
+        <div class="mr-3"><a href="/{{locale}}/imprint"><span class="i-info-circle mr-1"></span>{{strings.imprint[locale]}}</a>
         </div>
-        <div class="mr-3"><a href="/{{locale}}/privacy"><span class="fas fa-user-secret mr-1"></span>{{strings.privacy[locale]}}</a>
+        <div class="mr-3"><a href="/{{locale}}/privacy"><span class="i-user-secret mr-1"></span>{{strings.privacy[locale]}}</a>
         </div>
         <div class="mr-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span
-                class="fas fa-code mr-1"></span>{{strings.code[locale]}}</a></div>
+                class="i-code mr-1"></span>{{strings.code[locale]}}</a></div>
         <div><a target="_blank" href="https://plausible.sp-codes.de/sp-codes.de"><span
-                class="fas fa-chart-line mr-1"></span>{{strings.stats[locale]}}</a></div>
+                class="i-chart-line mr-1"></span>{{strings.stats[locale]}}</a></div>
     </div>
 </div>
 </body>

src/_includes/layouts/services.njk

@@ -1,7 +1,7 @@
 ---
 layout: base.njk
 ---
-<a class="float-right mt-3" href="https://status.sp-codes.de" target="_blank"><i class="fas fa-heartbeat mr-2"></i>Status</a>
+<a class="float-right mt-3" href="https://status.sp-codes.de" target="_blank"><strong><i class="i-heartbeat mr-2"></i>Status</strong></a>
 
 {{ content | safe }}
 

src/_includes/licenses.html

@@ -1,6 +1,6 @@
 <ul>
     <li><a href="https://simpleicons.org/">Simple Icons</a> (<a href="https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md">CC0</a>)</li>
-    <li><a href="https://fontawesome.com/">Font Awesome</a> (<a href="https://github.com/FortAwesome/Font-Awesome/blob/master/LICENSE.txt">CC BY 4.0 / SIL OFL 1.1 / MIT</a>)</li>
+    <li><a href="https://fontawesome.com/">Font Awesome</a> (<a href="https://github.com/FortAwesome/Font-Awesome/blob/master/LICENSE.txt">CC BY 4.0</a>)</li>
     <li><a href="https://flagicons.lipis.dev/">flag-icon-css</a> (<a href="https://github.com/lipis/flag-icon-css/blob/master/LICENSE">MIT</a>)</li>
     <li><a href="https://getbootstrap.com/">Bootstrap</a> (<a href="https://github.com/twbs/bootstrap/blob/main/LICENSE">MIT</a>)</li>
     <li><a href="https://www.11ty.dev/">11ty</a> (<a href="https://github.com/11ty/eleventy/blob/master/LICENSE">MIT</a>)</li>

src/_includes/profiles.html

@@ -1,27 +1,27 @@
 <div class="d-flex justify-content-center flex-wrap my-3 contact-links">
     <div class="m-2"><a href="mailto:mail@sp-codes.de">
-        <span class="d-none d-md-block si si-envelope si-4x"></span>
+        <span class="d-none d-md-inline-block i-envelope i-4x i-fw"></span>
-        <span class="d-block d-md-none si si-envelope si-2x"></span>
+        <span class="d-inline-block d-md-none i-envelope i-2x i-fw"></span>
     </a></div>
     <div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
-        <span class="d-none d-md-block si si-matrix si-4x"></span>
+        <span class="d-none d-md-inline-block i-matrix i-4x i-fw"></span>
-        <span class="d-block d-md-none si si-matrix si-2x"></span>
+        <span class="d-inline-block d-md-none i-matrix i-2x i-fw"></span>
     </a></div>
     <div class="m-2"><a rel="me" href="https://social.sp-codes.de/@samuel_p">
-        <span class="d-none d-md-block si si-mastodon si-4x"></span>
+        <span class="d-none d-md-inline-block i-mastodon i-4x i-fw"></span>
-        <span class="d-block d-md-none si si-mastodon si-2x"></span>
+        <span class="d-inline-block d-md-none i-mastodon i-2x i-fw"></span>
     </a></div>
     <div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p">
-        <span class="d-none d-md-block si si-stackoverflow si-4x"></span>
+        <span class="d-none d-md-inline-block i-stackoverflow i-4x i-fw"></span>
-        <span class="d-block d-md-none si si-stackoverflow si-2x"></span>
+        <span class="d-inline-block d-md-none i-stackoverflow i-2x i-fw"></span>
     </a></div>
     <div class="m-2"><a href="https://git.sp-codes.de/samuel-p">
-        <span class="d-none d-md-block si si-gitea si-4x"></span>
+        <span class="d-none d-md-inline-block i-gitea i-4x i-fw"></span>
-        <span class="d-block d-md-none si si-gitea si-2x"></span>
+        <span class="d-inline-block d-md-none i-gitea i-2x i-fw"></span>
     </a></div>
     <div class="m-2"><a href="https://github.com/samuel-p">
-        <span class="d-none d-md-block si si-github si-4x"></span>
+        <span class="d-none d-md-inline-block i-github i-4x i-fw"></span>
-        <span class="d-block d-md-none si si-github si-2x"></span>
+        <span class="d-inline-block d-md-none i-github i-2x i-fw"></span>
     </a></div>
 </div>
 <div class="d-flex justify-content-center mb-3">

src/_includes/services-extended.html

@@ -6,9 +6,9 @@
         <div class="beta">TEST-PHASE</div>
         {% endif %}
         <div class="inner">
-            <i class="{{service.icon}} si-4x"></i>
+            <i class="{{service.icon}} i-4x i-fw"></i>
             <h2 class="mt-2 mb-1">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
-                    class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
+                    class="i-external-link"></i></a>{% endif %}</h2>
             {% if service.status %}
             <div class="mb-2">
                 <a href="https://status.sp-codes.de" target="_blank">

src/_includes/services-simple.html

@@ -6,9 +6,9 @@
             {% if service.beta == true %}
             <div class="beta">TEST-PHASE</div>
             {% endif %}
-            <i class="{{service.icon}} si-2x"></i>
+            <i class="{{service.icon}} i-2x i-fw"></i>
             <h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
-                    class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
+                    class="i-external-link"></i></a>{% endif %}</h2>
         </div>
     </div>
 </div>

src/de/all-donations.html

@@ -3,7 +3,7 @@ layout: base.njk
 key: all-donations
 title: Unterstützen
 ---
-<h1><i class="si si-hand-holding-heart"></i> Alle Spenden</h1>
+<h1><i class="i-hand-holding-heart"></i> Alle Spenden</h1>
 
 <p><a href="/{{locale}}/donate/">&#10132; Unterstützen</a></p>
 

src/de/blog.md

@@ -3,7 +3,7 @@ key: blog
 eleventyNavigation:
   key: blog
   title: Blog
-  icon: si si-book
+  icon: i-book
   url: https://blog.sp-codes.de/
   locale: de
   order: 1

src/de/contact.html

@@ -5,38 +5,38 @@ title: Kontakt
 eleventyNavigation:
   key: contact
   title: Kontakt
-  icon: si si-comment-dots
+  icon: i-commenting
   order: 3
 ---
-<h1><i class="si si-comment-dots"></i> Kontaktmöglichkeiten</h1>
+<h1><i class="i-commenting"></i> Kontaktmöglichkeiten</h1>
 <p>Du möchtest mit mir in Kontakt treten, mir einen Fehler mitteilen, hast eine Frage zu einem Dienst oder möchtest
     mich unterstützen? Schick mir gerne deine Nachricht auf einem der folgenden Wege. Ich freue mich von dir zu
     hören.</p>
 <div class="row justify-content-center">
     <div class="col-12 col-md-10 col-lg-8">
         <a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
-            <div class="pr-3"><span class="si si-envelope si-4x"></span></div>
+            <div class="pr-3"><span class="i-envelope text-foreground i-fw i-4x"></span></div>
             <div>Schicke mir eine E-Mail an <strong>mail@sp-codes.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://social.sp-codes.de/@samuel_p">
-            <div class="pr-3"><span class="si si-mastodon si-4x"></span></div>
+            <div class="pr-3"><span class="i-mastodon text-foreground i-fw i-4x"></span></div>
             <div>Folge mir auf Mastodon oder schicke mir dort eine Nachricht an
                 <strong>@samuel_p@social.sp-codes.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
-            <div class="pr-3"><span class="si si-matrix si-4x"></span></div>
+            <div class="pr-3"><span class="i-matrix text-foreground i-fw i-4x"></span></div>
             <div>Schreibe mir auf Matrix an <strong>@samuel-p:matrix.sp-codes.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://blabber.im/i/samuel-p/dismail.de">
-            <div class="pr-3"><span class="si si-xmpp si-4x"></span></div>
+            <div class="pr-3"><span class="i-xmpp text-foreground i-fw i-4x"></span></div>
             <div>Schreibe mir auf XMPP an <strong>@samuel-p:dismail.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://threema.id/YSCU6F6U">
-            <div class="pr-3"><span class="si si-threema si-4x"></span></div>
+            <div class="pr-3"><span class="i-threema text-foreground i-fw i-4x"></span></div>
             <div>Schreibe mir auf Threema an die ID <strong>YSCU6F6U</strong></div>
         </a>
     </div>

src/de/donate.html

@@ -5,25 +5,25 @@ title: Unterstützen
 eleventyNavigation:
   key: donate
   title: Unterstützen
-  icon: si si-hand-holding-heart
+  icon: i-hand-holding-heart
   order: 4
 ---
-<h1><i class="si si-hand-holding-heart"></i> Unterstützen</h1>
+<h1><i class="i-hand-holding-heart"></i> Unterstützen</h1>
 
-<p>Alle öffentlichen Dienste sind kostenfrei nutzbar. Wenn du dich trotzdem an den Unkosten für Server-Infrastruktur
+<p>Alle öffentlichen Dienste sind kostenfrei nutzbar. Wenn du dich trotzdem an den Kosten für die Server-Infrastruktur
     beteiligen oder mir eine kleine Anerkennung für meinen Blog zukommen lassen willst, kannst du mich über die
     folgenden Wege unterstützen<sup>1</sup>:</p>
 
 <div class="row justify-content-center mb-5">
     <div class="col-12 col-md-10 col-lg-8">
         <div class="card mb-3">
-            <h2><i class="si si-comments fa-fw m-2"></i>Empfehlen</h2>
+            <h2><i class="i-comments i-fw m-2"></i>Empfehlen</h2>
             <div>Gerne darfst du meine Dienste und meine Blog-Beiträge weiter empfehlen. Ich freue mich sehr, wenn ich
                 euch damit eine Freude machen kann.
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="fas fa-credit-card fa-fw m-2"></i>Banküberweisung</h2>
+            <h2><i class="i-credit-card i-fw m-2"></i>Banküberweisung</h2>
             <div>Wenn Du mir etwas überweisen willst, schreib mir einfach eine kurze <a href="/{{locale}}/contact">Nachricht</a>.
                 Ich schicke dir dann schnellstmöglich meine Bankverbindung zu. Ganz besonders freue ich mich auch über
                 einen Dauerauftrag.
@@ -34,7 +34,7 @@ eleventyNavigation:
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="fas fa-money-bill fa-fw m-2"></i>Bargeld</h2>
+            <h2><i class="i-money-bill i-fw m-2"></i>Bargeld</h2>
             <div>Wer mir etwas Bargeld zukommen lassen möchte, darf das gerne an die Adresse aus dem <a
                     href="/{{locale}}/imprint">Impressum</a> senden.
                 <div class="mt-3 text-center">
@@ -44,7 +44,7 @@ eleventyNavigation:
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="si si-opencollective m-2"></i>Open Collective</h2>
+            <h2><i class="i-opencollective m-2"></i>Open Collective</h2>
             <div>Gerne kannst du mir auch über <a href="https://opencollective.com/sp-codes" target="_blank">Open
                 Collective</a> einen kleinen Betrag zukommen lassen. Wenn du willst, kannst du mich dort auch mit einer
                 regelmäßigen Spende unterstützen.
@@ -56,7 +56,7 @@ eleventyNavigation:
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="fas fa-network-wired fa-fw m-2"></i>netcup</h2>
+            <h2><i class="i-network-wired i-fw m-2"></i>netcup</h2>
             <div>Einige meiner Dienste hoste ich bei <a href="https://www.netcup.de/" target="_blank">netcup</a>. Wenn
                 du einen eigenen Server oder eine Webseite bei netcup betreiben willst, kannst du gerne den folgenden
                 Link (auf dem Bild) nutzen. Dadurch erhalte ich bei deiner Bestellung eine kleine Provision. Falls du

src/de/imprint.html

@@ -2,7 +2,7 @@
 layout: base.njk
 title: Impressum
 ---
-<h1><i class="fas fa-info-circle"></i> Impressum</h1>
+<h1><i class="i-info-circle"></i> Impressum</h1>
 <div class="mb-4">
     <h2>Angaben gemäß § 5 TMG:</h2>
     <p>Samuel Philipp<br/>

src/de/index.html

@@ -5,7 +5,7 @@ title: Home
 eleventyNavigation:
   key: home
   title: Home
-  icon: si si-home
+  icon: i-home
 ---
 <div class="row justify-content-center py-4 border-top">
     <div class="col-lg-8 col-md-10 col-12">

src/de/privacy.html

@@ -2,7 +2,7 @@
 layout: base.njk
 title: Datenschutzerklärung
 ---
-<h1><i class="fas fa-user-secret"></i> Datenschutzerklärung</h1>
+<h1><i class="i-user-secret"></i> Datenschutzerklärung</h1>
 <div class="mb-3">
     <h2>Verantwortlicher</h2>
     <p>

src/de/services.html

@@ -5,10 +5,10 @@ title: Dienste
 eleventyNavigation:
   key: services
   title: Dienste
-  icon: si si-server
+  icon: i-server
   order: 2
 ---
-<h1><i class="si si-server"></i> Dienste</h1>
+<h1><i class="i-server"></i> Dienste</h1>
 <p>In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier findest du eine
     Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland
     gehostet. Fühl dich frei, davon Gebrauch zu machen.</p>

src/de/services/connectivitycheck.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: connectivitycheck
 title: Captive Portal Check
 ---
-# <i class="si si-wifi"></i> Captive Portal Check
+# <i class="i-wifi"></i> Captive Portal Check
 
 Ein Captive Portal ist eine Anmeldeseite in öffentlichen WLAN-Netzwerken, um den Internet-Zugriff an die Zustimmung bestimmter Nutzungsregeln zu binden. Wenn du in einem öffentlichen Netzwerk eine Anmeldeseite angezeigt bekommst, nutzt dein Gerät dafür einen Captive Portal Check. Dieser ermöglicht es dem Gerät, herauszufinden, ob du einen direkten Internetzugang hast oder nicht. Unter Android wird hierfür beispielsweise eine Anfrage an einen Google-Server gestellt.
 

src/de/services/firefox-sync.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: firefox-sync
 title: Firefox Sync
 ---
-# <i class="si si-firefox-browser"></i> Firefox Sync
+# <i class="i-firefox-browser"></i> Firefox Sync
 
 Nutzt du Firefox auf mehreren Geräten zum Surfen? Dann kannst du mit Firefox Sync deine Browserdaten (Lesezeichen, offene Tabs, die Suchhistorie, uvm.) zwischen all deinen Geräten synchronisieren.
 

src/de/services/gitea.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: gitea
 title: Gitea
 ---
-# <i class="si si-gitea"></i> Gitea
+# <i class="i-gitea"></i> Gitea
 
 Gitea ist eine einfache Code-Hosting-Plattform wie GitHub oder GitLab. Sie ist opensource und wird kontinuierlich weiterentwickelt. __Seit Ende 2019 betreibe ich eine eigene Gitea Instanz, in der ich meine Projekte verwalte.__ So zum Beispiel auch diese Webseite. Schau dir gerne mal den Quelltext an und lass mir Feedback da.
 

src/de/services/invidious.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: invidious
 title: Invidious
 ---
-# <i class="si si-youtube"></i> Invidious
+# <i class="i-youtube"></i> Invidious
 
 Invidious ist ein alternatives Frontend für YouTube. 
 Da nur die nötigsten Verbindungen zu YouTube aufgebaut werden und viele sogar vom Server selber übernommen werden, erhöht Invidious die Privatsphäre der Nutzer:innen.

src/de/services/jitsi.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: jitsi
 title: Jitsi Meet
 ---
-# <i class="si si-users"></i> Jitsi Meet
+# <i class="i-users"></i> Jitsi Meet
 
 Jitsi-Meet ist eine Plattform für Videokonferenzen. Ohne Anmeldung können vollständig verschlüsselte Video-Chats gestartet werden. Zusätzlich bietet Jitsi-Meet die Möglichkeit den Bildschirm für die anderen Teilnehmer:innen freizugeben, neue Benutzer:innen einfach per Link einzuladen und Nachrichten im integrierten Chat zu verschicken.
 

src/de/services/matrix.md

@@ -4,7 +4,7 @@ key: matrix
 title: Matrix
 ---
 
-# <i class="si si-comments"></i> Matrix
+# <i class="i-comments"></i> Matrix
 
 [Matrix](https://matrix.org) ist eine moderne, quelloffene Software für dezentrale Kommunikation (wie E-Mail). Matrix
 bietet von Haus aus Sprach- und Videoanrufe, inklusive Ende-zu-Ende Verschlüsselung und vieles mehr. Das Entscheidende

src/de/services/nitter.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: nitter
 title: Nitter
 ---
-# <i class="si si-twitter"></i> Nitter
+# <i class="i-twitter"></i> Nitter
 
 Eine freies und quelloffenes Twitter-Frontend, das auf Privatsphäre der Nutzer ausgerichtet ist. Die Verbindungen zu Twitter werden vom Server selber übernommen, um Tracking über IP oder JavaScript zu verhindern.
 

src/de/services/searx.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: searx
 title: Searx
 ---
-# <i class="si si-search"></i> Searx
+# <i class="i-search"></i> Searx
 
 Searx ist eine freie Metasuchmaschine, das heißt sie nutzt für die Suche öffentliche Suchmaschinen, wie Google, DuckDuckGo, StartPage und viele andere. 
 

src/de/services/shields.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: shields
 title: Shields
 ---
-# <i class="si si-tags"></i> Shields
+# <i class="i-tags"></i> Shields
 
 Shields ist ein Service für prägnante, konsistente und lesbare Badges im SVG- und Rasterformat. Über eine URL können sie sehr einfach in Readmes oder jede andere Webseite eingebunden werden. Außerdem werden Integrationen zu verschiedenen Diensten oder Netzwerken bereitgestellt.
 

src/en/all-donations.html

@@ -3,7 +3,7 @@ layout: base.njk
 key: all-donations
 title: Unterstützen
 ---
-<h1><i class="si si-hand-holding-heart"></i> All Donations</h1>
+<h1><i class="i-hand-holding-heart"></i> All Donations</h1>
 
 <p><a href="/{{locale}}/donate/">&#10132; Donate</a></p>
 

src/en/blog.md

@@ -3,7 +3,7 @@ key: blog
 eleventyNavigation:
   key: blog
   title: Blog
-  icon: si si-book
+  icon: i-book
   url: https://blog.sp-codes.de/
   locale: en
   order: 1

src/en/contact.html

@@ -5,36 +5,36 @@ title: Contact
 eleventyNavigation:
   key: contact
   title: Contact
-  icon: si si-comment-dots
+  icon: i-commenting
   order: 3
 ---
-<h1><i class="si si-comment-dots"></i> Contact Information</h1>
+<h1><i class="i-commenting"></i> Contact Information</h1>
 <p>You want to contact me, report a problem, have a question about a service or would like to support me? Please
     send me your message in any of the following ways. I am looking forward to receive your message.</p>
 <div class="row justify-content-center">
     <div class="col-12 col-md-10 col-lg-8">
         <a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
-            <div class="pr-3"><span class="si si-envelope si-4x"></span></div>
+            <div class="pr-3"><span class="i-envelope text-foreground i-fw i-4x"></span></div>
             <div>Send me an email to <strong>mail@sp-codes.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://social.sp-codes.de/@samuel_p">
-            <div class="pr-3"><span class="si si-mastodon si-4x"></span></div>
+            <div class="pr-3"><span class="i-mastodon text-foreground i-fw i-4x"></span></div>
             <div>Follow me on Mastodon or send me a message to <strong>@samuel_p@social.sp-codes.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
-            <div class="pr-3"><span class="si si-matrix si-4x"></span></div>
+            <div class="pr-3"><span class="i-matrix text-foreground i-fw i-4x"></span></div>
             <div>Write me on Matrix to <strong>@samuel-p:matrix.sp-codes.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://blabber.im/i/samuel-p/dismail.de">
-            <div class="pr-3"><span class="si si-xmpp si-4x"></span></div>
+            <div class="pr-3"><span class="i-xmpp text-foreground i-fw i-4x"></span></div>
             <div>Write me on XMPP to <strong>@samuel-p:dismail.de</strong></div>
         </a>
         <a class="card mb-3 d-flex align-items-center text-decoration-none"
            href="https://threema.id/YSCU6F6U">
-            <div class="pr-3"><span class="si si-threema si-4x"></span></div>
+            <div class="pr-3"><span class="i-threema text-foreground i-fw i-4x"></span></div>
             <div>Write me on Threema to the ID <strong>YSCU6F6U</strong></div>
         </a>
     </div>

src/en/donate.html

@@ -5,10 +5,10 @@ title: Donate
 eleventyNavigation:
   key: donate
   title: Donate
-  icon: si si-hand-holding-heart
+  icon: i-hand-holding-heart
   order: 4
 ---
-<h1><i class="si si-hand-holding-heart"></i> Donate</h1>
+<h1><i class="i-hand-holding-heart"></i> Donate</h1>
 
 <p>All public services can be used for free. If you still want to contribute to the costs for server infrastructure or
     send me a small donation for my blog, you can support me in the following ways<sup>1</sup>:</p>
@@ -16,13 +16,13 @@ eleventyNavigation:
 <div class="row justify-content-center">
     <div class="col-12 col-md-10 col-lg-8">
         <div class="card mb-3">
-            <h2><i class="si si-comments m-2"></i>Recommend</h2>
+            <h2><i class="i-comments m-2"></i>Recommend</h2>
             <div>You are welcome to recommend my services and my blog posts. I am very glad if I can make you happy with
                 it.
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="fas fa-credit-card fa-fw m-2"></i>Bank transfer</h2>
+            <h2><i class="i-credit-card i-fw m-2"></i>Bank transfer</h2>
             <div>If you want to transfer some money to me, just write me a short <a href="/en/contact">message</a>. I
                 will then send you my bank details as soon as possible. I am especially happy about a standing order.
                 <div class="mt-3 text-center">
@@ -32,7 +32,7 @@ eleventyNavigation:
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="fas fa-money-bill fa-fw m-2"></i>Cash</h2>
+            <h2><i class="i-money-bill i-fw m-2"></i>Cash</h2>
             <div>If you want to send me some cash, feel free to send it to the address provided in the <a
                     href="/en/imprint">imprint</a>.
                 <div class="mt-3 text-center">
@@ -42,7 +42,7 @@ eleventyNavigation:
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="si si-opencollective m-2"></i>Open Collective</h2>
+            <h2><i class="i-opencollective m-2"></i>Open Collective</h2>
             <div>You are also welcome to send me a small amount via <a href="https://opencollective.com/sp-codes"
                                                                        target="_blank">Open Collective</a>. If you like
                 you can also support me with a regular donation.
@@ -54,7 +54,7 @@ eleventyNavigation:
             </div>
         </div>
         <div class="card mb-3">
-            <h2><i class="fas fa-network-wired fa-fw m-2"></i>netcup</h2>
+            <h2><i class="i-network-wired i-fw m-2"></i>netcup</h2>
             <div>Some of my services are hosted at netcup. If you want to run your own server or website at <a
                     href="https://www.netcup.de/" target="_blank">netcup</a>, you can use the following link (on the
                 picture). This way I get a small commission on your order. If you are a new customer, you will receive a

src/en/imprint.html

@@ -2,7 +2,7 @@
 layout: base.njk
 title: sp-codes
 ---
-<h1><i class="fas fa-info-circle"></i> Imprint</h1>
+<h1><i class="i-info-circle"></i> Imprint</h1>
 <div class="mb-4">
     <h2>Information as per § 5 TMG:</h2>
     <p>Samuel Philipp<br/>

src/en/index.html

@@ -5,7 +5,7 @@ title: Home
 eleventyNavigation:
   key: home
   title: Home
-  icon: si si-home
+  icon: i-home
 ---
 <div class="row justify-content-center py-4 border-top">
     <div class="col-lg-8 col-md-10 col-12">

src/en/privacy.html

@@ -2,5 +2,5 @@
 layout: base.njk
 title: Privacy
 ---
-<h1><i class="fas fa-user-secret"></i> Privacy</h1>
+<h1><i class="i-user-secret"></i> Privacy</h1>
 <p>Sorry, this document is only available in German so far. Read it <a href="/de/privacy">here</a>.</p>

src/en/services.html

@@ -5,10 +5,10 @@ title: Services
 eleventyNavigation:
   key: services
   title: Services
-  icon: si si-server
+  icon: i-server
   order: 2
 ---
-<h1><i class="si si-server"></i> Services</h1>
+<h1><i class="i-server"></i> Services</h1>
 <p>In my spare time I provide various open source services for free. Here you can find an overview of the individual
     services and a short description for each of them. All services are hosted in Germany. Feel free to use it.</p>
 

src/en/services/connectivitycheck.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: connectivitycheck
 title: Captive Portal Check
 ---
-# <i class="si si-wifi"></i> Captive Portal Check
+# <i class="i-wifi"></i> Captive Portal Check
 
 A captive portal is a login page in public WLAN networks to restrict Internet access to the approval of certain terms of use. When you see a login page on a public network, your device uses a captive portal check. This allows the device to find out whether you have direct Internet access or not. In Android, for example, your device sends a request to a Google server.
 

src/en/services/firefox-sync.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: firefox-sync
 title: Firefox Sync
 ---
-# <i class="si si-firefox-browser"></i> Firefox Sync
+# <i class="i-firefox-browser"></i> Firefox Sync
 
 Do you use Firefox on more than one device for surfing? Then Firefox Sync lets you synchronize your browser data (bookmarks, open tabs, search history, and more) between all your devices.
 

src/en/services/gitea.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: gitea
 title: Gitea
 ---
-# <i class="si si-gitea"></i> Gitea
+# <i class="i-gitea"></i> Gitea
 
 Gitea is a simple code hosting platform like GitHub or GitLab. It is open source and under continuous development. __Since the end of 2019 I have my own Gitea instance, to manage my projects.__ For example this website. Feel free to have a look at the source code and leave some feedback.
 

src/en/services/invidious.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: invidious
 title: Invidious
 ---
-# <i class="si si-youtube"></i> Invidious
+# <i class="i-youtube"></i> Invidious
 
 Invidious is an alternative YouTube-Frontend. It establishes only the most necessary connections to YouTube and many of them are even made by the server itself. So Invidious increases the privacy of the users.
 

src/en/services/jitsi.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: jitsi
 title: Jitsi Meet
 ---
-# <i class="si si-users"></i> Jitsi Meet
+# <i class="i-users"></i> Jitsi Meet
 
 Jitsi-Meet is a platform for video conferences. You can start fully encrypted video chats without registration. Additionally, Jitsi-Meet offers the possibility to share the screen with other participants, invite new users with a simple link and send messages in the integrated chat.
 

src/en/services/matrix.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: matrix
 title: Matrix
 ---
-# <i class="si si-comments"></i> Matrix
+# <i class="i-comments"></i> Matrix
 
 Matrix is a modern, open source software for decentralized communication (like e-mail). Matrix offers end-to-end encryption, voice and video calls and much more. However, the most important thing is that there is not one Matrix server that all users have to use, like WhatsApp, Telegram and many other popular messengers.
 

src/en/services/nitter.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: nitter
 title: Nitter
 ---
-# <i class="si si-twitter"></i> Nitter
+# <i class="i-twitter"></i> Nitter
 
 A free and open source Twitter frontend that is focussed on user privacy. Connections to Twitter are handled by the server itself to prevent tracking by IP or JavaScript.
 

src/en/services/searx.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: searx
 title: Searx
 ---
-# <i class="si si-search"></i> Searx
+# <i class="i-search"></i> Searx
 
 Searx is a free meta search engine, which uses other public search engines like Google, DuckDuckGo, StartPage and many others.
 

src/en/services/shields.md

@@ -3,7 +3,7 @@ layout: base.njk
 key: shields
 title: Shields
 ---
-# <i class="si si-tags"></i> Shields
+# <i class="i-tags"></i> Shields
 
 Shields is a service for concise, consistent and legible badges in SVG and raster format. Via a URL they can be easily embedded in readmes or any other website. In addition, integrations to various services or networks are provided.
 

src/font/icomoon.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="matrix" d="M26.965 936.533v-977.067h70.315v-23.467h-97.28v1024h97.28v-23.467zM327.467 626.773v-49.365h1.408c13.184 18.901 29.141 33.451 47.659 43.691 18.475 10.453 39.936 15.573 64 15.573 23.040 0 44.075-4.565 63.189-13.397 19.115-8.875 33.493-24.832 43.52-47.275 10.837 15.957 25.6 30.123 44.117 42.325 18.517 12.245 40.533 18.347 65.963 18.347 19.328 0 37.205-2.389 53.76-7.125 16.555-4.693 30.549-12.203 42.368-22.613 11.776-10.453 20.864-23.851 27.563-40.576 6.485-16.725 9.813-36.821 9.813-60.459v-244.395h-100.224v206.976c0 12.203-0.427 23.851-1.365 34.645-0.749 10.384-3.503 19.965-7.876 28.587l0.196-0.427c-4.344 8.093-10.718 14.604-18.454 18.993l-0.234 0.122c-8.277 4.693-19.499 7.083-33.493 7.083-14.165 0-25.6-2.731-34.261-8.064-8.55-5.315-15.469-12.494-20.328-21.002l-0.152-0.289c-4.886-8.571-8.361-18.597-9.808-29.267l-0.048-0.429c-1.565-10.018-2.494-21.619-2.56-33.424v-203.505h-100.267v204.8c0 10.837-0.171 21.461-0.768 32.085-0.381 10.656-2.586 20.69-6.313 29.95l0.211-0.595c-3.602 8.998-9.741 16.347-17.529 21.354l-0.178 0.107c-8.277 5.333-20.309 8.107-36.437 8.107-4.736 0-11.051-1.024-18.731-3.157-7.68-2.176-15.36-6.101-22.613-12.032-7.296-5.888-13.611-14.379-18.731-25.387-5.12-11.051-7.68-25.6-7.68-43.52v-211.883h-100.224v365.44zM997.035-40.533v977.067h-70.315v23.467h97.28v-1024h-97.28v23.467z" />
+<glyph unicode="&#xe901;" glyph-name="server" d="M960 630.857h-896c-35.346 0-64 28.654-64 64v128c0 35.346 28.654 64 64 64h896c35.346 0 64-28.654 64-64v-128c0-35.346-28.654-64-64-64zM864 806.857c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zM736 806.857c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zM960 310.857h-896c-35.346 0-64 28.654-64 64v128c0 35.346 28.654 64 64 64h896c35.346 0 64-28.654 64-64v-128c0-35.346-28.654-64-64-64zM864 486.857c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zM736 486.857c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zM960-9.143h-896c-35.346 0-64 28.654-64 64v128c0 35.346 28.654 64 64 64h896c35.346 0 64-28.654 64-64v-128c0-35.346-28.654-64-64-64zM864 166.857c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zM736 166.857c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48z" />
+<glyph unicode="&#xe902;" glyph-name="credit-card" horiz-adv-x="1152" d="M0 86.857c0-53 43-96 96-96h960c53 0 96 43 96 96v352h-1152v-352zM384 222.857c0 13.2 10.8 24 24 24h272c13.2 0 24-10.8 24-24v-80c0-13.2-10.8-24-24-24h-272c-13.2 0-24 10.8-24 24v80zM128 222.857c0 13.2 10.8 24 24 24h144c13.2 0 24-10.8 24-24v-80c0-13.2-10.8-24-24-24h-144c-13.2 0-24 10.8-24 24v80zM1152 790.857v-96h-1152v96c0 53 43 96 96 96h960c53 0 96-43 96-96z" />
+<glyph unicode="&#xe903;" glyph-name="network-wired" horiz-adv-x="1280" d="M1280 432v32c0 17.68-14.32 32-32 32h-560v80h144c35.34 0 64 28.66 64 64v256c0 35.34-28.66 64-64 64h-384c-35.34 0-64-28.66-64-64v-256c0-35.34 28.66-64 64-64h144v-80h-560c-17.68 0-32-14.32-32-32v-32c0-17.68 14.32-32 32-32h208v-80h-112c-35.34 0-64-28.66-64-64v-256c0-35.34 28.66-64 64-64h320c35.34 0 64 28.66 64 64v256c0 35.34-28.66 64-64 64h-112v80h608v-80h-112c-35.34 0-64-28.66-64-64v-256c0-35.34 28.66-64 64-64h320c35.34 0 64 28.66 64 64v256c0 35.34-28.66 64-64 64h-112v80h208c17.68 0 32 14.32 32 32zM512 704v128h256v-128h-256zM384 64h-192v128h192v-128zM1088 64h-192v128h192v-128z" />
+<glyph unicode="&#xe904;" glyph-name="money-bill" horiz-adv-x="1280" d="M1216 832h-1152c-35.34 0-64-28.66-64-64v-640c0-35.34 28.66-64 64-64h1152c35.34 0 64 28.66 64 64v640c0 35.34-28.66 64-64 64zM96 160v128c70.7 0 128-57.3 128-128h-128zM96 608v128h128c0-70.7-57.3-128-128-128zM640 256c-88.38 0-160 85.98-160 192 0 106.040 71.64 192 160 192s160-85.96 160-192c0-106.060-71.66-192-160-192zM1184 160h-128c0 70.7 57.3 128 128 128v-128zM1184 608c-70.7 0-128 57.3-128 128h128v-128z" />
+<glyph unicode="&#xe905;" glyph-name="chart-line" d="M992 192h-864v608c0 17.68-14.32 32-32 32h-64c-17.68 0-32-14.32-32-32v-672c0-35.34 28.66-64 64-64h928c17.68 0 32 14.32 32 32v64c0 17.68-14.32 32-32 32zM928 768h-236.12c-42.76 0-64.18-51.7-33.94-81.94l64.8-64.8-146.74-146.76-146.74 146.74c-25 25-65.52 25-90.5 0l-137.38-137.38c-12.5-12.5-12.5-32.76 0-45.26l45.24-45.24c12.5-12.5 32.76-12.5 45.26 0l92.12 92.14 146.74-146.74c25-25 65.52-25 90.5 0l192 192 64.8-64.8c30.24-30.24 81.94-8.82 81.94 33.94v236.1c0.020 17.68-14.3 32-31.98 32z" />
+<glyph unicode="&#xe906;" glyph-name="info-circle" d="M512 944c-273.914 0-496-222.166-496-496 0-273.994 222.086-496 496-496s496 222.006 496 496c0 273.834-222.086 496-496 496zM512 724c46.392 0 84-37.608 84-84s-37.608-84-84-84-84 37.608-84 84 37.608 84 84 84zM624 216c0-13.254-10.746-24-24-24h-176c-13.254 0-24 10.746-24 24v48c0 13.254 10.746 24 24 24h24v128h-24c-13.254 0-24 10.746-24 24v48c0 13.254 10.746 24 24 24h128c13.254 0 24-10.746 24-24v-200h24c13.254 0 24-10.746 24-24v-48z" />
+<glyph unicode="&#xe907;" glyph-name="code" horiz-adv-x="1280" d="M557.8-63l-122 35.4c-12.8 3.6-20 17-16.4 29.8l273 940.4c3.6 12.8 17 20 29.8 16.4l122-35.4c12.8-3.6 20-17 16.4-29.8l-273-940.4c-3.8-12.8-17-20.2-29.8-16.4zM329.8 161.4l87 92.8c9.2 9.8 8.6 25.4-1.6 34.4l-181.2 159.4 181.2 159.4c10.2 9 11 24.6 1.6 34.4l-87 92.8c-9 9.6-24.2 10.2-34 1l-288.2-270c-10.2-9.4-10.2-25.6 0-35l288.2-270.2c9.8-9.2 25-8.8 34 1zM984.2 160.2l288.2 270.2c10.2 9.4 10.2 25.6 0 35l-288.2 270.4c-9.6 9-24.8 8.6-34-1l-87-92.8c-9.2-9.8-8.6-25.4 1.6-34.4l181.2-159.6-181.2-159.4c-10.2-9-11-24.6-1.6-34.4l87-92.8c9-9.8 24.2-10.2 34-1.2z" />
+<glyph unicode="&#xe908;" glyph-name="xmpp" d="M1023.829 824.405c-14.379-5.589-35.84-13.867-61.952-23.851-49.408-18.901-74.496-28.501-93.568-34.987-19.627-6.656-41.173-13.099-84.309-26.027-29.141-8.704-53.504-15.829-70.784-20.821-0.981-27.989 0-69.675-9.344-116.309-17.28-86.485-45.995-148.096-64.512-184.491-47.872-94.208-103.552-154.155-124.16-175.232-1.792 1.877-3.584 3.755-5.376 5.717-22.613 24.405-76.885 86.485-122.069 181.845-33.707 71.125-47.488 129.408-51.371 146.688-11.392 50.859-13.653 94.549-13.653 131.755 0 2.389-1.152 4.139-3.243 4.779-23.083 7.125-56.491 16.597-92.373 27.307-40.661 12.117-70.187 23.808-109.056 38.4-15.787 5.931-45.099 17.493-70.955 27.477-23.979 9.344-43.477 17.749-45.781 17.749-0.171 0-0.469 0-0.725-0.384-0.341-0.469-0.597-1.323-0.597-2.432 0.299-18.987 2.56-43.563 8.192-75.691 19.669-112.085 86.016-225.963 139.52-295.808 0 0 118.955-161.109 292.096-260.608 2.475-1.408 5.717-3.328 9.685-5.632-0.299-0.256-0.64-0.469-0.896-0.683-54.955-42.112-102.443-63.275-114.517-68.48-28.203-12.245-52.907-19.883-70.997-24.704v-13.013c35.285 4.352 64.811 10.325 87.040 15.573 21.931 5.205 84.864 21.12 162.133 57.216 0.043 0.043 0.171 0.085 0.256 0.128 4.352-2.133 8.832-4.352 13.44-6.528 48.853-23.211 114.261-52.053 194.347-65.536 19.627-3.285 36.352-5.291 48.213-6.229 1.792-0.128 3.371 1.109 3.669 2.901 0.427 2.517 0.64 4.907 0.128 6.955-0.256 1.067-1.024 1.92-2.005 2.347-16.171 6.699-38.443 12.8-63.445 22.997-29.909 12.203-71.723 34.133-116.736 68.096-2.048 1.536-6.101 4.651-11.733 9.173 148.48 84.992 255.659 210.816 255.659 210.816 55.509 65.152 142.123 179.925 173.781 313.429 11.179 47.147 17.237 87.723 16 116.096z" />
+<glyph unicode="&#xe909;" glyph-name="wifi" horiz-adv-x="1280" d="M1269.82 650.24c-354.34 327.74-905.44 327.62-1259.64 0-13.32-12.32-13.58-33.18-0.7-45.96l68.48-67.94c12.28-12.2 32.040-12.46 44.8-0.76 291.84 267.36 742.6 267.42 1034.5 0 12.76-11.7 32.52-11.42 44.8 0.76l68.48 67.94c12.86 12.78 12.6 33.64-0.72 45.96zM640 256c-70.7 0-128-57.3-128-128s57.3-128 128-128 128 57.3 128 128-57.3 128-128 128zM1045.34 423.18c-230.52 203.86-580.42 203.64-810.68 0-13.8-12.2-14.24-33.38-1.14-46.3l68.88-67.98c12-11.84 31.32-12.64 44.1-1.6 167.9 145.14 419.48 144.82 586.98 0 12.78-11.040 32.1-10.26 44.1 1.6l68.88 67.98c13.12 12.92 12.66 34.12-1.12 46.3z" />
+<glyph unicode="&#xe90a;" glyph-name="youtube" d="M1002.453 695.253c-12.365 43.307-45.781 76.722-88.183 88.866l-0.905 0.222c-79.787 21.376-400.896 21.376-400.896 21.376s-320.299 0.427-400.896-21.376c-43.307-12.365-76.722-45.781-88.866-88.183l-0.222-0.905c-14.173-72.978-22.281-156.904-22.281-242.723 0-1.743 0.003-3.484 0.010-5.225l-0.001 0.268c-0.004-1.198-0.006-2.617-0.006-4.035 0-85.813 8.107-169.732 23.598-251.033l-1.32 8.327c12.365-43.307 45.781-76.722 88.183-88.866l0.905-0.222c79.701-21.419 400.896-21.419 400.896-21.419s320.256 0 400.896 21.419c43.307 12.365 76.722 45.781 88.866 88.183l0.222 0.905c13.59 71.472 21.364 153.686 21.364 237.715 0 3.173-0.011 6.344-0.033 9.513l0.003-0.486c0.024 2.951 0.037 6.439 0.037 9.929 0 84.041-7.776 166.267-22.648 245.996l1.278-8.245zM409.984 294.357v306.901l267.264-153.685z" />
+<glyph unicode="&#xe90b;" glyph-name="twitter" d="M1022.037 765.056c-37.76-16.597-78.080-27.904-120.533-33.067 43.264 26.069 76.544 67.157 92.288 116.181-40.576-23.68-85.547-40.917-133.419-50.517-38.229 40.917-92.715 66.517-153.216 66.517-115.925 0-209.92-93.995-209.92-209.792 0-16.64 1.92-32.64 5.419-47.957-174.507 8.235-329.173 92.032-432.683 218.709-18.219-30.805-28.416-66.603-28.416-105.6 0-72.96 37.12-137.088 93.355-174.763-34.432 1.109-66.816 10.581-95.061 26.283v-2.603c0-101.76 72.235-186.624 168.363-205.952-17.621-4.736-36.224-7.296-55.296-7.296-13.397 0-26.24 1.28-39.083 3.669 26.923-83.328 104.32-144.085 196.437-145.792-71.68-56.277-162.517-89.813-260.352-89.813-16.64 0-33.237 0.981-49.92 2.859 93.397-59.477 203.435-94.251 322.432-94.251 386.304 0 597.291 319.829 597.291 596.736 0 8.917 0 17.92-0.64 26.88 41.003 29.397 76.8 66.56 104.96 108.715z" />
+<glyph unicode="&#xe90c;" glyph-name="threema" d="M511.915 85.931c41.402 0 74.965-33.563 74.965-74.965s-33.563-74.965-74.965-74.965v0c-41.402 0-74.965 33.563-74.965 74.965s33.563 74.965 74.965 74.965v0zM241.621 85.931c41.402 0 74.965-33.563 74.965-74.965s-33.563-74.965-74.965-74.965v0c-41.402 0-74.965 33.563-74.965 74.965s33.563 74.965 74.965 74.965v0zM782.251 85.931c41.402 0 74.965-33.563 74.965-74.965s-33.563-74.965-74.965-74.965v0c-41.402 0-74.965 33.563-74.965 74.965s33.563 74.965 74.965 74.965v0zM512 960c243.2 0 440.405-173.483 440.405-387.499s-197.205-387.541-440.405-387.541c-0.419-0.001-0.915-0.002-1.411-0.002-69.213 0-135.064 14.393-194.724 40.35l3.154-1.222-220.629-55.168 47.147 188.587c-46.677 61.525-73.941 135.467-73.941 214.997 0 214.016 197.205 387.499 440.405 387.499zM511.957 779.307c-0.013 0-0.028 0-0.043 0-68.934 0-124.818-55.87-124.843-124.798v-49.922h-4.907c-11.075 0-20.053-8.978-20.053-20.053v0-176.043c0-11.093 8.96-20.096 20.053-20.096h259.669c11.093 0 20.053 8.96 20.053 20.053v176.171c0 11.075-8.978 20.053-20.053 20.053v0h-4.907v49.92c-0.073 68.917-55.958 124.757-124.885 124.757-0.045 0-0.090 0-0.135 0h0.007zM511.957 729.387c41.472 0 75.008-33.536 75.008-74.837v-49.92h-149.931v49.92c0 41.301 33.536 74.837 74.923 74.837z" />
+<glyph unicode="&#xe90d;" glyph-name="stackoverflow" d="M810.069 27.093v273.237h91.051v-364.331h-822.443v364.331h90.88v-273.237zM260.736 118.144h458.197v91.179h-458.197zM271.787 325.163l447.147-93.397 19.243 88.32-447.061 93.312zM329.771 540.885l414.080-193.28 38.528 83.2-414.123 193.28-38.485-82.603zM445.611 745.045l350.592-292.48 57.984 69.12-350.549 292.395-57.6-68.992zM672.043 960l-74.496-55.211 273.28-367.104 74.496 55.211-273.365 367.104z" />
+<glyph unicode="&#xe90e;" glyph-name="search" d="M1010 74.6l-199.4 199.4c-9 9-21.2 14-34 14h-32.6c55.2 70.6 88 159.4 88 256 0 229.8-186.2 416-416 416s-416-186.2-416-416 186.2-416 416-416c96.6 0 185.4 32.8 256 88v-32.6c0-12.8 5-25 14-34l199.4-199.4c18.8-18.8 49.2-18.8 67.8 0l56.6 56.6c18.8 18.8 18.8 49.2 0.2 68zM416 288c-141.4 0-256 114.4-256 256 0 141.4 114.4 256 256 256 141.4 0 256-114.4 256-256 0-141.4-114.4-256-256-256z" />
+<glyph unicode="&#xe90f;" glyph-name="opencollective" d="M932.693 739.413c57.298-81.265 91.58-182.336 91.58-291.413s-34.281-210.149-92.657-293.026l1.077 1.613-132.267 132.267c25.95 45.863 41.242 100.719 41.242 159.147s-15.292 113.284-42.092 160.785l0.85-1.638zM803.413 868.693l-132.267-132.267c-45.751 25.644-100.402 40.747-158.58 40.747-181.68 0-328.96-147.28-328.96-328.96s147.28-328.96 328.96-328.96c58.179 0 112.83 15.103 160.247 41.602l-1.666-0.855 132.267-132.693c-81.392-57.006-182.473-91.093-291.516-91.093-282.77 0-512 229.23-512 512s229.23 512 512 512c109.043 0 210.124-34.088 293.168-92.188l-1.652 1.095zM932.693 739.413c57.298-81.265 91.58-182.336 91.58-291.413s-34.281-210.149-92.657-293.026l1.077 1.613-132.267 132.267c25.95 45.863 41.242 100.719 41.242 159.147s-15.292 113.284-42.092 160.785l0.85-1.638z" />
+<glyph unicode="&#xe910;" glyph-name="mastodon" d="M989.568 623.829c0 222.123-145.536 287.232-145.536 287.232-73.387 33.707-199.424 47.872-330.283 48.939h-3.243c-130.901-1.067-256.853-15.232-330.24-48.939 0 0-145.536-65.109-145.536-287.232 0-50.859-0.981-111.701 0.64-176.171 5.291-217.259 39.851-431.317 240.683-484.48 92.587-24.491 172.117-29.653 236.16-26.112 116.139 6.4 181.333 41.472 181.333 41.472l-3.84 84.267c0 0-82.987-26.155-176.171-22.997-92.373 3.157-189.824 9.941-204.757 123.349-1.305 9.295-2.050 20.032-2.050 30.944 0 0.296 0.001 0.592 0.002 0.889v-0.046c0 0 90.667-22.187 205.525-27.435 70.229-3.2 136.107 4.139 203.008 12.075 128.299 15.317 240 94.379 254.037 166.613 22.059 113.707 20.267 277.632 20.267 277.632zM817.877 337.579h-106.539v261.077c0 55.040-23.168 82.944-69.461 82.944-51.2 0-76.885-33.109-76.885-98.645v-142.891h-105.941v142.933c0 65.536-25.685 98.645-76.885 98.645-46.293 0-69.461-27.947-69.461-82.944v-261.077h-106.539v268.928c0 54.997 13.995 98.688 42.112 130.987 29.013 32.341 66.944 48.896 114.091 48.896 54.528 0 95.829-20.949 123.136-62.891l26.496-44.501 26.539 44.501c27.307 41.941 68.608 62.891 123.136 62.891 47.104 0 85.077-16.555 114.091-48.896 28.075-32.299 42.069-75.989 42.069-130.987z" />
+<glyph unicode="&#xe911;" glyph-name="hand-holding-heart" horiz-adv-x="1152" d="M550.6 459c14-14.8 36.8-14.8 51 0l217.8 228.4c63.2 66.4 59.6 176.4-11.2 237.6-61.6 53.4-153.4 43.8-209.8-15.4l-22.4-23.4-22.2 23.2c-56.4 59.4-148.2 69-209.8 15.6-70.6-61.2-74.4-171.2-11.2-237.6l217.8-228.4zM1130.6 303.8c-23.6 21.4-60.4 20-85.2 0l-184.8-147.8c-22.6-18.2-50.8-28-80-28h-236.6c-17.6 0-32 14.4-32 32s14.4 32 32 32h156.6c31.8 0 61.4 21.8 66.6 53.2 6.6 40-24.2 74.8-63.2 74.8h-320c-54 0-106.2-18.6-148.2-52.6l-93-75.4h-110.8c-17.6 0-32-14.4-32-32v-192c0-17.6 14.4-32 32-32h713.6c29 0 57.2 9.8 80 28l302.4 242c30.4 24.2 32.8 70.6 2.6 97.8z" />
+<glyph unicode="&#xe912;" glyph-name="github" d="M512 947.328c-282.88 0-512-229.248-512-512 0-226.261 146.688-418.133 350.080-485.76 25.6-4.821 34.987 11.008 34.987 24.619 0 12.16-0.427 44.373-0.64 87.040-142.421-30.891-172.459 68.693-172.459 68.693-23.296 59.093-56.96 74.88-56.96 74.88-46.379 31.744 3.584 31.104 3.584 31.104 51.413-3.584 78.421-52.736 78.421-52.736 45.653-78.293 119.851-55.68 149.12-42.581 4.608 33.109 17.792 55.68 32.427 68.48-113.707 12.8-233.216 56.832-233.216 253.013 0 55.893 19.84 101.547 52.693 137.387-5.76 12.928-23.040 64.981 4.48 135.509 0 0 42.88 13.739 140.8-52.48 40.96 11.392 84.48 17.024 128 17.28 43.52-0.256 87.040-5.888 128-17.28 97.28 66.219 140.16 52.48 140.16 52.48 27.52-70.528 10.24-122.581 5.12-135.509 32.64-35.84 52.48-81.493 52.48-137.387 0-196.693-119.68-240-233.6-252.587 17.92-15.36 34.56-46.763 34.56-94.72 0-68.523-0.64-123.563-0.64-140.203 0-13.44 8.96-29.44 35.2-24.32 204.843 67.157 351.403 259.157 351.403 485.077 0 282.752-229.248 512-512 512z" />
+<glyph unicode="&#xe913;" glyph-name="gitea" d="M178.603 728.704c-78.72 0.171-184.149-49.877-178.347-175.36 9.088-196.011 209.92-214.187 290.176-215.765 8.789-36.779 103.253-163.584 173.184-170.24h306.347c183.723 12.203 321.28 555.605 219.307 557.653-168.661-7.936-268.629-11.947-354.347-12.629v-169.6l-26.709 11.819-0.171 157.696c-98.389 0.043-185.003 4.608-349.397 12.715-20.565 0.128-49.237 3.627-80.043 3.712zM189.739 659.371h9.387c11.179-100.48 29.355-159.232 66.133-249.003-93.867 11.093-173.739 38.357-188.416 140.16-7.595 52.693 18.005 107.691 112.896 108.843zM554.837 560.597c6.4-0.085 12.928-1.28 19.072-4.096l31.957-13.781-22.912-41.771c-0.064 0-0.139 0.001-0.215 0.001-3.617 0-7.078-0.595-10.264-1.681l0.196 0.059c-11.157-3.637-18.974-12.993-18.974-23.971 0-3.094 0.621-6.060 1.758-8.803l-0.064 0.177c1.191-2.848 2.807-5.307 4.817-7.467l-0.039 0.043-39.509-71.936c-3.422-0.067-6.667-0.656-9.668-1.68l0.196 0.059c-11.157-3.637-18.974-12.993-18.974-23.971 0-3.094 0.621-6.060 1.758-8.803l-0.064 0.177c4.092-9.916 14.625-16.865 26.985-16.865 3.482 0 6.819 0.551 9.907 1.561l-0.199-0.057c11.146 3.643 18.952 12.993 18.952 23.964 0 3.113-0.629 6.095-1.779 8.853l0.064-0.176c-1.523 3.672-3.821 6.806-6.74 9.385l-0.001 0.001 38.485 70.059c0.914-0.092 1.974-0.144 3.048-0.144 3.387 0 6.637 0.522 9.654 1.48l-0.2-0.055c3.503 1.151 6.52 2.771 9.12 4.803l-0.032-0.024c14.848-6.229 27.008-11.307 35.755-15.616 13.141-6.485 17.792-10.795 19.2-15.573 1.408-4.693-0.128-13.739-7.552-29.611-5.547-11.819-14.72-28.587-25.557-48.341-0.186 0.004-0.405 0.006-0.625 0.006-3.623 0-7.089-0.597-10.28-1.686l0.196 0.059c-11.157-3.637-18.974-12.993-18.974-23.971 0-3.094 0.621-6.060 1.758-8.803l-0.064 0.177c4.092-9.916 14.625-16.865 26.985-16.865 3.482 0 6.819 0.551 9.907 1.561l-0.199-0.057c11.138 3.647 18.937 12.993 18.937 23.959 0 3.099-0.623 6.068-1.763 8.815l0.064-0.177c-1.366 3.338-3.352 6.205-5.864 8.637l0.019-0.019c10.709 19.541 19.925 36.352 25.856 48.981 8.021 17.152 12.203 29.909 8.533 42.24s-14.933 20.352-29.867 27.733c-9.813 4.821-22.059 9.941-36.693 16.085 0.037 0.481 0.057 1.043 0.057 1.61 0 3.080-0.615 6.032-1.742 8.765l0.064-0.177c-1.427 3.466-3.531 6.437-6.198 8.928l0.011-0.011 22.528 41.088 124.757-53.888c22.528-9.771 31.829-33.707 20.907-53.76l-85.76-157.013c-10.965-20.011-37.888-28.288-60.416-18.56l-176.512 76.288c-22.528 9.728-31.872 33.707-20.907 53.76l85.76 156.971c7.509 13.781 22.613 21.973 38.613 22.613z" />
+<glyph unicode="&#xe914;" glyph-name="firefox" d="M377.813 647.125c0.341 0 0.171 0 0 0zM259.499 706.261c0.299 0 0.171 0 0 0zM967.339 614.955c-21.333 51.328-64.597 106.795-98.56 124.331 27.648-54.187 43.648-108.544 49.749-149.12l0.085-0.853c-55.552 138.496-149.76 194.347-226.731 315.904-3.84 6.187-7.765 12.331-11.52 18.816-1.559 2.561-3.377 5.886-5.069 9.285l-0.392 0.869c-2.94 5.574-5.439 12.051-7.163 18.837l-0.133 0.619c0 0.002 0 0.004 0 0.006 0 0.662-0.502 1.206-1.147 1.273h-0.005c-0.134 0.040-0.288 0.063-0.448 0.063s-0.314-0.023-0.459-0.066l0.011 0.003-0.256-0.085c-0.147-0.057-0.273-0.129-0.388-0.216l0.004 0.003c0.063 0.113 0.134 0.211 0.215 0.3l-0.001-0.001c-109.227-64-154.539-176.043-166.144-247.339-35.745-2.082-68.93-11.020-98.929-25.513l1.564 0.681c-4.186-2.091-7.011-6.345-7.011-11.258 0-1.565 0.287-3.063 0.81-4.445l-0.029 0.086c1.739-4.867 6.31-8.287 11.679-8.287 1.828 0 3.563 0.396 5.124 1.107l-0.077-0.032c24.762 11.975 53.614 19.905 84.054 22.1l0.767 0.044 2.859 0.213c3.577 0.218 7.837 0.357 12.124 0.384h0.079c0.498 0.004 1.087 0.006 1.676 0.006 24.517 0 48.2-3.572 70.558-10.223l-1.748 0.446 4.011-1.28c5.537-1.658 9.295-2.937 13.011-4.303l-1.704 0.548c4.425-1.607 7.117-2.687 9.786-3.813l-1.637 0.613c2.219-0.853 4.395-1.749 6.571-2.688 4.855-2.129 8.149-3.715 11.4-5.371l-1.374 0.635 4.523-2.304c4.507-2.324 7.633-4.068 10.718-5.877l-1.16 0.629c2.993-1.741 4.956-2.955 6.899-4.198l-0.883 0.529c35.71-22.331 64.697-52.259 85.286-87.673l0.645-1.201c-26.24 18.432-73.216 36.651-118.443 28.757 176.725-88.32 129.28-392.576-115.627-381.099-23.184 0.988-45.019 5.441-65.432 12.855l1.518-0.482c-6.703 2.457-11.478 4.429-16.182 6.531l1.718-0.686c-3.916 1.74-6.634 3.067-9.314 4.457l1.037-0.489c-59.989 31.019-109.525 89.6-115.712 160.768 0 0 22.656 84.523 162.389 84.523 15.104 0 58.283 42.155 59.093 54.357-0.213 4.011-85.717 38.016-119.040 70.827-17.835 17.579-26.283 26.027-33.749 32.427-3.761 3.185-7.92 6.341-12.243 9.271l-0.515 0.329c-5.558 18.734-8.757 40.258-8.757 62.529 0 20.451 2.697 40.272 7.755 59.127l-0.363-1.592c-50.475-22.997-89.728-59.307-118.272-91.392h-0.256c-19.456 24.661-18.091 106.069-16.981 123.051-0.256 1.067-14.507-7.424-16.427-8.704-17.831-12.815-33.515-26.32-47.936-41.065l-0.064-0.066c-16.36-16.594-31.423-34.569-44.964-53.697l-0.902-1.343c-30.203-42.296-53.051-92.121-65.423-145.946l-0.54-2.79c-0.128-0.555-4.693-20.565-8.021-45.312-0.219-0.904-0.775-4.839-1.288-8.788l-0.29-2.732c-1.217-7.733-2.251-17.421-2.855-27.225l-0.046-0.935-0.085-1.451c-0.182-1.893-0.533-7.56-0.845-13.238l-0.136-3.103-0.043-2.56c0-271.275 219.989-491.221 491.349-491.221 242.987 0 444.757 176.427 484.267 408.149 0.853 6.272 1.493 12.587 2.219 18.944 9.813 84.224-1.067 172.8-31.829 246.827z" />
+<glyph unicode="&#xe915;" glyph-name="copyright" d="M512 944c-273.934 0-496-222.066-496-496s222.066-496 496-496 496 222.066 496 496-222.066 496-496 496zM512 48c-221.064 0-400 178.902-400 400 0 221.062 178.902 400 400 400 221.064 0 400-178.902 400-400 0-221.064-178.902-400-400-400zM726.702 250.128c-19.228-19.424-91.060-82.792-208.13-82.792-164.86 0-280.968 122.85-280.968 283.134 0 158.304 120.55 278.802 279.524 278.802 111.062 0 177.476-53.24 195.186-69.558 4.76-4.388 7.731-10.654 7.731-17.613 0-4.845-1.44-9.353-3.915-13.121l0.056 0.091-36.31-56.226c-7.682-11.9-23.932-14.564-34.998-5.842-17.19 13.552-63.628 45.076-123.416 45.076-96.606 0-155.832-70.66-155.832-160.164 0-83.178 53.776-167.384 156.554-167.384 65.314 0 113.686 38.078 131.452 54.45 10.54 9.714 27.192 8.078 35.64-3.476l39.73-54.34c2.91-3.913 4.659-8.84 4.659-14.176 0-6.581-2.66-12.54-6.964-16.861l0.001 0.001z" />
+<glyph unicode="&#xe916;" glyph-name="book" horiz-adv-x="896" d="M896 240v672c0 26.6-21.4 48-48 48h-656c-106 0-192-86-192-192v-640c0-106 86-192 192-192h656c26.6 0 48 21.4 48 48v32c0 15-7 28.6-17.8 37.4-8.4 30.8-8.4 118.6 0 149.4 10.8 8.6 17.8 22.2 17.8 37.2zM256 692c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-424c-6.6 0-12 5.4-12 12v40zM256 564c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-424c-6.6 0-12 5.4-12 12v40zM762.8 64h-570.8c-35.4 0-64 28.6-64 64 0 35.2 28.8 64 64 64h570.8c-3.8-34.2-3.8-93.8 0-128z" />
+<glyph unicode="&#xe917;" glyph-name="external-link" d="M864 310.857h-64c-17.673 0-32-14.327-32-32v0-224h-640v640h288c17.673 0 32 14.327 32 32v0 64c0 17.673-14.327 32-32 32v0h-320c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0h704c53.019 0 96 42.981 96 96v0 256c0 17.673-14.327 32-32 32v0zM976 950.857h-256c-42.74 0-64.1-51.82-34-82l71.46-71.46-487.46-487.28c-8.721-8.692-14.118-20.716-14.118-34s5.396-25.308 14.116-33.999l0.001-0.001 45.34-45.26c8.692-8.721 20.716-14.118 34-14.118s25.308 5.396 33.999 14.116l487.221 487.361 71.44-71.36c30-30 82-9 82 34v256c0 26.51-21.49 48-48 48v0z" />
+<glyph unicode="&#xf004;" glyph-name="heart" d="M512 0c-9.143 0-18.286 3.429-25.143 10.286l-356.571 344c-4.571 4-130.286 118.857-130.286 256 0 167.429 102.286 267.429 273.143 267.429 100 0 193.714-78.857 238.857-123.429 45.143 44.571 138.857 123.429 238.857 123.429 170.857 0 273.143-100 273.143-267.429 0-137.143-125.714-252-130.857-257.143l-356-342.857c-6.857-6.857-16-10.286-25.143-10.286z" />
+<glyph unicode="&#xf015;" glyph-name="home" horiz-adv-x="951" d="M804.571 384v-274.286c0-20-16.571-36.571-36.571-36.571h-219.429v219.429h-146.286v-219.429h-219.429c-20 0-36.571 16.571-36.571 36.571v274.286c0 1.143 0.571 2.286 0.571 3.429l328.571 270.857 328.571-270.857c0.571-1.143 0.571-2.286 0.571-3.429zM932 423.428l-35.429-42.286c-2.857-3.429-7.429-5.714-12-6.286h-1.714c-4.571 0-8.571 1.143-12 4l-395.429 329.714-395.429-329.714c-4-2.857-8.571-4.571-13.714-4-4.571 0.571-9.143 2.857-12 6.286l-35.429 42.286c-6.286 7.429-5.143 19.429 2.286 25.714l410.857 342.286c24 20 62.857 20 86.857 0l139.429-116.571v111.429c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286v-233.143l125.143-104c7.429-6.286 8.571-18.286 2.286-25.714z" />
+<glyph unicode="&#xf02c;" glyph-name="tags" horiz-adv-x="1280" d="M995.882 498.975l-423.764 423.764c-17.373 17.373-41.372 28.118-67.882 28.118h-408.236c-53.020 0-96-42.98-96-96v-408.236c0-26.51 10.745-50.509 28.118-67.882l423.764-423.764c37.488-37.49 98.272-37.492 135.764 0l408.236 408.236c37.49 37.49 37.49 98.274 0 135.764zM224 630.857c-53.020 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96-42.98-96-96-96zM1251.882 363.211l-408.236-408.236c-37.49-37.49-98.274-37.49-135.764 0l-0.72 0.72 348.118 348.118c33.998 33.998 52.72 79.2 52.72 127.28s-18.724 93.282-52.72 127.28l-392.486 392.484h97.442c26.51 0 50.509-10.745 67.882-28.118l423.764-423.764c37.49-37.49 37.49-98.274 0-135.764z" />
+<glyph unicode="&#xf086;" glyph-name="comments" horiz-adv-x="1152" d="M832 566.857c0 176.8-186.2 320-416 320s-416-143.2-416-320c0-68.6 28.2-131.8 76-184-26.8-60.4-71-108.4-71.6-109-4.4-4.6-5.6-11.4-3-17.4s8.2-9.6 14.6-9.6c73.2 0 133.8 24.6 177.4 50 64.4-31.4 140.6-50 222.6-50 229.8 0 416 143.2 416 320zM1076 126.857c47.8 52 76 115.4 76 184 0 133.8-107 248.4-258.6 296.2 1.8-13.2 2.6-26.6 2.6-40.2 0-211.8-215.4-384-480-384-21.6 0-42.6 1.6-63.4 3.8 63-115 211-195.8 383.4-195.8 82 0 158.2 18.4 222.6 50 43.6-25.4 104.2-50 177.4-50 6.4 0 12.2 3.8 14.6 9.6 2.6 5.8 1.4 12.6-3 17.4-0.6 0.6-44.8 48.4-71.6 109z" />
+<glyph unicode="&#xf0c0;" glyph-name="users" horiz-adv-x="1280" d="M192 502.857c70.6 0 128 57.4 128 128s-57.4 128-128 128-128-57.4-128-128 57.4-128 128-128zM1088 502.857c70.6 0 128 57.4 128 128s-57.4 128-128 128-128-57.4-128-128 57.4-128 128-128zM1152 438.857h-128c-35.2 0-67-14.2-90.2-37.2 80.6-44.2 137.8-124 150.2-218.8h132c35.4 0 64 28.6 64 64v64c0 70.6-57.4 128-128 128zM640 438.857c123.8 0 224 100.2 224 224s-100.2 224-224 224-224-100.2-224-224 100.2-224 224-224zM793.6 374.857h-16.6c-41.6-20-87.8-32-137-32s-95.2 12-137 32h-16.6c-127.2 0-230.4-103.2-230.4-230.4v-57.6c0-53 43-96 96-96h576c53 0 96 43 96 96v57.6c0 127.2-103.2 230.4-230.4 230.4zM346.2 401.657c-23.2 23-55 37.2-90.2 37.2h-128c-70.6 0-128-57.4-128-128v-64c0-35.4 28.6-64 64-64h131.8c12.6 94.8 69.8 174.6 150.4 218.8z" />
+<glyph unicode="&#xf0c9;" glyph-name="bars" horiz-adv-x="878" d="M877.714 182.857v-73.143c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v73.143c0 20 16.571 36.571 36.571 36.571h804.571c20 0 36.571-16.571 36.571-36.571zM877.714 475.428v-73.143c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v73.143c0 20 16.571 36.571 36.571 36.571h804.571c20 0 36.571-16.571 36.571-36.571zM877.714 768v-73.143c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v73.143c0 20 16.571 36.571 36.571 36.571h804.571c20 0 36.571-16.571 36.571-36.571z" />
+<glyph unicode="&#xf0e0;" glyph-name="envelope" d="M1004.6 569.257c7.8 6.2 19.4 0.4 19.4-9.4v-409c0-53-43-96-96-96h-832c-53 0-96 43-96 96v408.8c0 10 11.4 15.6 19.4 9.4 44.8-34.8 104.2-79 308.2-227.2 42.2-30.8 113.4-95.6 184.4-95.2 71.4-0.6 144 65.6 184.6 95.2 204 148.2 263.2 192.6 308 227.4zM512 310.857c46.4-0.8 113.2 58.4 146.8 82.8 265.4 192.6 285.6 209.4 346.8 257.4 11.6 9 18.4 23 18.4 37.8v38c0 53-43 96-96 96h-832c-53 0-96-43-96-96v-38c0-14.8 6.8-28.6 18.4-37.8 61.2-47.8 81.4-64.8 346.8-257.4 33.6-24.4 100.4-83.6 146.8-82.8z" />
+<glyph unicode="&#xf1ab;" glyph-name="language" horiz-adv-x="1280" d="M304.2 478.457c-7 24.2-15.6 66.4-15.6 66.4h-1s-8.6-42.2-15.6-66.4l-22.2-75h76.2zM1232 758.857h-560v-640h560c26.6 0 48 21.4 48 48v544c0 26.6-21.4 48-48 48zM1184 518.857c0-13.2-10.8-24-24-24h-22.8c-13.8-47.2-43.4-94.8-85.4-139.8 16.8-12.8 34.2-25 52.2-36 11-6.8 14.6-21 8.2-32.4l-15.8-27.8c-6.8-11.8-21.8-15.6-33.4-8.6-25.2 15.6-49 32.2-70.8 49.8-21.8-17.4-45.4-34.2-70.8-49.8-11.6-7-26.6-3.2-33.4 8.6l-15.8 27.8c-6.4 11.2-2.8 25.6 8.4 32.4 18.6 11.4 36 23.4 52.2 36-15.8 16.8-29.8 34-42 51.4-8 11.4-4.4 27.2 7.4 34.2l13 7.8 14.6 8.6c10.8 6.4 24.8 3.4 32-6.8 10-14 21.6-28 34.8-41.8 27 28.4 47.6 57.8 60 86.4h-228.6c-13.2 0-24 10.8-24 24v32c0 13.2 10.8 24 24 24h128v32c0 13.2 10.8 24 24 24h32c13.2 0 24-10.8 24-24v-32h128c13.2 0 24-10.8 24-24zM0 710.857v-544c0-26.6 21.4-48 48-48h560v640h-560c-26.6 0-48-21.4-48-48zM117.8 278.657l115 338.2c3.4 9.8 12.4 16.2 22.8 16.2h65c10.2 0 19.4-6.6 22.8-16.2l115-338.2c5.2-15.6-6.2-31.8-22.8-31.8h-45.8c-10.824 0.008-19.971 7.18-22.956 17.030l-0.044 0.17-18.8 63.8h-120.4l-18.2-63.6c-3-10.2-12.4-17.4-23-17.4h-45.8c-16.4 0-28 16.2-22.8 31.8z" />
+<glyph unicode="&#xf21b;" glyph-name="user-secret" horiz-adv-x="805" d="M329.143 73.143l54.857 256-54.857 73.143-73.143 36.571zM475.429 73.143l73.143 365.714-73.143-36.571-54.857-73.143zM566.857 650.286c-0.571 1.143-1.143 2.286-2.286 3.429-5.143 4-46.286 4.571-54.857 4.571-32.571 0-63.429-4.571-95.429-10.857-4-1.143-8-1.143-12-1.143s-8 0-12 1.143c-32 6.286-62.857 10.857-95.429 10.857-8.571 0-49.714-0.571-54.857-4.571-1.143-1.143-1.714-2.286-2.286-3.429 0.571-5.143 1.143-10.286 2.286-15.429 3.429-4.571 6.286-2.857 8.571-9.714 14.857-40.571 21.714-72 73.143-72 73.714 0 53.143 68 77.143 68h6.857c24 0 3.429-68 77.143-68 51.429 0 58.286 31.429 73.143 72 2.286 6.857 5.143 5.143 8.571 9.714 1.143 5.143 1.714 10.286 2.286 15.429zM804.571 148c0-93.143-61.143-148-152.571-148h-499.429c-91.429 0-152.571 54.857-152.571 148 0 103.429 18.286 260 124.571 311.429l-51.429 125.714h122.286c-8 23.429-12.571 48-12.571 73.143 0 6.286 0.571 12.571 1.143 18.286-22.286 4.571-110.857 22.857-110.857 54.857 0 33.714 97.143 52 120 56.571 12 42.857 40.571 108 69.714 141.714 11.429 13.143 25.714 21.143 43.429 21.143 34.286 0 61.714-35.429 96-35.429s61.714 35.429 96 35.429c17.714 0 32-8 43.429-21.143 29.143-33.714 57.714-98.857 69.714-141.714 22.857-4.571 120-22.857 120-56.571 0-32-88.571-50.286-110.857-54.857 2.857-30.857-1.143-61.714-11.429-91.429h122.286l-46.857-128.571c102.286-53.143 120-206.857 120-308.571z" />
+<glyph unicode="&#xf21e;" glyph-name="heartbeat" d="M731.429 365.714h174.286c-6.857-7.429-11.429-11.429-12.571-12.571l-356-342.857c-6.857-6.857-16-10.286-25.143-10.286s-18.286 3.429-25.143 10.286l-356.571 344c-1.143 0.571-5.714 4.571-12 11.429h210.857c16.571 0 31.429 11.429 35.429 27.429l40 160.571 108.571-381.143c4.571-15.429 18.857-26.286 35.429-26.286v0c16 0 30.286 10.857 34.857 26.286l83.429 277.143 32-64c6.286-12 18.857-20 32.571-20zM1024 610.286c0-65.714-28.571-125.714-58.857-171.429h-210.857l-63.429 126.286c-6.286 13.143-21.143 21.143-35.429 20-15.429-1.714-28-11.429-32-26.286l-73.714-245.714-112 392c-4.571 15.429-18.857 26.286-36 26.286-16.571 0-30.857-11.429-34.857-27.429l-66.286-265.143h-241.714c-30.286 45.714-58.857 105.714-58.857 171.429 0 167.429 102.286 267.429 273.143 267.429 100 0 193.714-78.857 238.857-123.429 45.143 44.571 138.857 123.429 238.857 123.429 170.857 0 273.143-100 273.143-267.429z" />
+<glyph unicode="&#xf27a;" glyph-name="commenting" d="M512 886.857c-282.8 0-512-186.2-512-416 0-99.2 42.8-190 114-261.4-25-100.8-108.6-190.6-109.6-191.6-4.4-4.6-5.6-11.4-3-17.4s8.2-9.6 14.6-9.6c132.6 0 232 63.6 281.2 102.8 65.4-24.6 138-38.8 214.8-38.8 282.8 0 512 186.2 512 416s-229.2 416-512 416zM256 406.857c-35.4 0-64 28.6-64 64s28.6 64 64 64 64-28.6 64-64-28.6-64-64-64zM512 406.857c-35.4 0-64 28.6-64 64s28.6 64 64 64 64-28.6 64-64-28.6-64-64-64zM768 406.857c-35.4 0-64 28.6-64 64s28.6 64 64 64 64-28.6 64-64-28.6-64-64-64z" />
+</font></defs></svg>

src/img/de.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-de" viewBox="0 0 640 480">
+  <path fill="#ffce00" d="M0 320h640v160H0z"/>
+  <path d="M0 0h640v160H0z"/>
+  <path fill="#d00" d="M0 160h640v160H0z"/>
+</svg>

src/img/icon/bars.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="#fff"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>

src/img/icon/book.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="#fff"><path d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"/></svg>

src/img/icon/comment-dots.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#fff"><path d="M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32zM128 272c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path></svg>

src/img/icon/comments.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="#fff"><path d="M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z"></path></svg>

src/img/icon/envelope.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#fff"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>

src/img/icon/firefox-browser.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Firefox Browser</title><path d="M8.824 7.287c.008 0 .004 0 0 0zm-2.8-1.4c.006 0 .003 0 0 0zm16.754 2.161c-.505-1.215-1.53-2.528-2.333-2.943.654 1.283 1.033 2.57 1.177 3.53l.002.02c-1.314-3.278-3.544-4.6-5.366-7.477-.091-.147-.184-.292-.273-.446a3.545 3.545 0 01-.13-.24 2.118 2.118 0 01-.172-.46.03.03 0 00-.027-.03.038.038 0 00-.021 0l-.006.001a.037.037 0 00-.01.005L15.624 0c-2.585 1.515-3.657 4.168-3.932 5.856a6.197 6.197 0 00-2.305.587.297.297 0 00-.147.37c.057.162.24.24.396.17a5.622 5.622 0 012.008-.523l.067-.005a5.847 5.847 0 011.957.222l.095.03a5.816 5.816 0 01.616.228c.08.036.16.073.238.112l.107.055a5.835 5.835 0 01.368.211 5.953 5.953 0 012.034 2.104c-.62-.437-1.733-.868-2.803-.681 4.183 2.09 3.06 9.292-2.737 9.02a5.164 5.164 0 01-1.513-.292 4.42 4.42 0 01-.538-.232c-1.42-.735-2.593-2.121-2.74-3.806 0 0 .537-2 3.845-2 .357 0 1.38-.998 1.398-1.287-.005-.095-2.029-.9-2.817-1.677-.422-.416-.622-.616-.8-.767a3.47 3.47 0 00-.301-.227 5.388 5.388 0 01-.032-2.842c-1.195.544-2.124 1.403-2.8 2.163h-.006c-.46-.584-.428-2.51-.402-2.913-.006-.025-.343.176-.389.206-.406.29-.787.616-1.136.974-.397.403-.76.839-1.085 1.303a9.816 9.816 0 00-1.562 3.52c-.003.013-.11.487-.19 1.073-.013.09-.026.181-.037.272a7.8 7.8 0 00-.069.667l-.002.034-.023.387-.001.06C.386 18.795 5.593 24 12.016 24c5.752 0 10.527-4.176 11.463-9.661.02-.149.035-.298.052-.448.232-1.994-.025-4.09-.753-5.844z"/></svg>

src/img/icon/gitea.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Gitea icon</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z"/></svg>

src/img/icon/github.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>

src/img/icon/hand-holding-heart.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="#fff"><path d="M275.3 250.5c7 7.4 18.4 7.4 25.5 0l108.9-114.2c31.6-33.2 29.8-88.2-5.6-118.8-30.8-26.7-76.7-21.9-104.9 7.7L288 36.9l-11.1-11.6C248.7-4.4 202.8-9.2 172 17.5c-35.3 30.6-37.2 85.6-5.6 118.8l108.9 114.2zm290 77.6c-11.8-10.7-30.2-10-42.6 0L430.3 402c-11.3 9.1-25.4 14-40 14H272c-8.8 0-16-7.2-16-16s7.2-16 16-16h78.3c15.9 0 30.7-10.9 33.3-26.6 3.3-20-12.1-37.4-31.6-37.4H192c-27 0-53.1 9.3-74.1 26.3L71.4 384H16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16h356.8c14.5 0 28.6-4.9 40-14L564 377c15.2-12.1 16.4-35.3 1.3-48.9z"></path></svg>

src/img/icon/home.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="#fff"><path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg>

src/img/icon/language.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="#fff"><path d="M152.1 236.2c-3.5-12.1-7.8-33.2-7.8-33.2h-.5s-4.3 21.1-7.8 33.2l-11.1 37.5H163zM616 96H336v320h280c13.3 0 24-10.7 24-24V120c0-13.3-10.7-24-24-24zm-24 120c0 6.6-5.4 12-12 12h-11.4c-6.9 23.6-21.7 47.4-42.7 69.9 8.4 6.4 17.1 12.5 26.1 18 5.5 3.4 7.3 10.5 4.1 16.2l-7.9 13.9c-3.4 5.9-10.9 7.8-16.7 4.3-12.6-7.8-24.5-16.1-35.4-24.9-10.9 8.7-22.7 17.1-35.4 24.9-5.8 3.5-13.3 1.6-16.7-4.3l-7.9-13.9c-3.2-5.6-1.4-12.8 4.2-16.2 9.3-5.7 18-11.7 26.1-18-7.9-8.4-14.9-17-21-25.7-4-5.7-2.2-13.6 3.7-17.1l6.5-3.9 7.3-4.3c5.4-3.2 12.4-1.7 16 3.4 5 7 10.8 14 17.4 20.9 13.5-14.2 23.8-28.9 30-43.2H412c-6.6 0-12-5.4-12-12v-16c0-6.6 5.4-12 12-12h64v-16c0-6.6 5.4-12 12-12h16c6.6 0 12 5.4 12 12v16h64c6.6 0 12 5.4 12 12zM0 120v272c0 13.3 10.7 24 24 24h280V96H24c-13.3 0-24 10.7-24 24zm58.9 216.1L116.4 167c1.7-4.9 6.2-8.1 11.4-8.1h32.5c5.1 0 9.7 3.3 11.4 8.1l57.5 169.1c2.6 7.8-3.1 15.9-11.4 15.9h-22.9a12 12 0 0 1-11.5-8.6l-9.4-31.9h-60.2l-9.1 31.8c-1.5 5.1-6.2 8.7-11.5 8.7H70.3c-8.2 0-14-8.1-11.4-15.9z"></path></svg>

src/img/icon/mastodon.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Mastodon</title><path d="M23.193 7.88c0-5.207-3.411-6.733-3.411-6.733C18.062.357 15.108.025 12.041 0h-.076c-3.069.025-6.02.357-7.74 1.147 0 0-3.412 1.526-3.412 6.732 0 1.193-.023 2.619.015 4.13.124 5.092.934 10.11 5.641 11.355 2.17.574 4.034.695 5.536.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.13.54c-2.165-.075-4.449-.234-4.799-2.892a5.5 5.5 0 0 1-.048-.745s2.125.52 4.818.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.508.475-6.508zm-4.024 6.709h-2.497v-6.12c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.313v3.349h-2.484v-3.35c0-1.537-.602-2.313-1.802-2.313-1.085 0-1.628.655-1.628 1.945v6.119H4.831V8.285c0-1.29.328-2.314.987-3.07.68-.759 1.57-1.147 2.674-1.147 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.305z"/></svg>

src/img/icon/matrix.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Matrix icon</title><path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg>

src/img/icon/opencollective.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Open Collective icon</title><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c2.54 0 4.894-.79 6.834-2.135l-3.107-3.109a7.715 7.715 0 1 1 0-13.512l3.107-3.109A11.943 11.943 0 0 0 12 0zm9.865 5.166l-3.109 3.107A7.67 7.67 0 0 1 19.715 12a7.682 7.682 0 0 1-.959 3.727l3.109 3.107A11.943 11.943 0 0 0 24 12c0-2.54-.79-4.894-2.135-6.834z"/></svg>

src/img/icon/search.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#fff"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>

src/img/icon/server.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#fff"><path d="M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"></path></svg>

src/img/icon/stackoverflow.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Stack Overflow</title><path d="M15.725 0l-1.72 1.277 6.39 8.588 1.716-1.277L15.725 0zm-3.94 3.418l-1.369 1.644 8.225 6.85 1.369-1.644-8.225-6.85zm-3.15 4.465l-.905 1.94 9.702 4.517.904-1.94-9.701-4.517zm-1.85 4.86l-.44 2.093 10.473 2.201.44-2.092-10.473-2.203zM1.89 15.47V24h19.19v-8.53h-2.133v6.397H4.021v-6.396H1.89zm4.265 2.133v2.13h10.66v-2.13H6.154Z"/></svg>

src/img/icon/tags.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="#fff"><path d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"></path></svg>

src/img/icon/threema.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Threema icon</title><path d="M11.998 20.486a1.757 1.757 0 1 1 0 3.514 1.757 1.757 0 0 1 0-3.514zm-6.335 0a1.757 1.757 0 1 1 0 3.514 1.757 1.757 0 0 1 0-3.514zm12.671 0a1.757 1.757 0 1 1 0 3.514 1.757 1.757 0 0 1 0-3.514zM12 0c5.7 0 10.322 4.066 10.322 9.082 0 5.016-4.622 9.083-10.322 9.083a11.45 11.45 0 0 1-4.523-.917l-5.171 1.293 1.105-4.42c-1.094-1.442-1.733-3.175-1.733-5.039C1.678 4.066 6.3 0 12 0zm-.001 4.235A2.926 2.926 0 0 0 9.072 7.16v1.17h-.115a.47.47 0 0 0-.47.47v4.126c0 .26.21.471.47.471h6.086c.26 0 .47-.21.47-.47V8.798a.47.47 0 0 0-.47-.47h-.115v-1.17a2.927 2.927 0 0 0-2.93-2.924zm0 1.17c.972 0 1.758.786 1.758 1.754v1.17h-3.514v-1.17c0-.968.786-1.754 1.756-1.754z"/></svg>

src/img/icon/twitter.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>

src/img/icon/users.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="#fff"><path d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"></path></svg>

src/img/icon/wifi.svg

@@ -1 +0,0 @@
-<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="#fff"><path d="M634.91 154.88C457.74-8.99 182.19-8.93 5.09 154.88c-6.66 6.16-6.79 16.59-.35 22.98l34.24 33.97c6.14 6.1 16.02 6.23 22.4.38 145.92-133.68 371.3-133.71 517.25 0 6.38 5.85 16.26 5.71 22.4-.38l34.24-33.97c6.43-6.39 6.3-16.82-.36-22.98zM320 352c-35.35 0-64 28.65-64 64s28.65 64 64 64 64-28.65 64-64-28.65-64-64-64zm202.67-83.59c-115.26-101.93-290.21-101.82-405.34 0-6.9 6.1-7.12 16.69-.57 23.15l34.44 33.99c6 5.92 15.66 6.32 22.05.8 83.95-72.57 209.74-72.41 293.49 0 6.39 5.52 16.05 5.13 22.05-.8l34.44-33.99c6.56-6.46 6.33-17.06-.56-23.15z"></path></svg>

src/img/icon/xmpp.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>XMPP icon</title><path d="M24 3.186l-3.217 1.248-.976.325-3.122.925c.014.18.014.361.014.555 0 3.422-1.744 7.59-4.63 10.573-2.805-2.972-4.49-7.066-4.49-10.434 0-.194 0-.375.014-.555l-3.11-.921v-.009l-.861-.306L0 3.172c.146 5.747 4.867 11.701 10.542 15.02-1.3 1.014-2.766 1.788-4.365 2.192v.319c.434-.054.852-.14 1.271-.225.15-.027.3-.048.451-.08l.047-.012c1.36-.29 2.722-.776 4.052-1.408.397.195.797.38 1.2.548.109.05.22.095.33.142.201.086.407.159.612.236 1.25.474 2.568.809 3.96.924v-.305c-1.68-.425-3.211-1.264-4.56-2.355C19.194 14.904 23.853 8.975 24 3.186z"/></svg>

src/img/icon/youtube.svg

@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>

src/img/us.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-us" viewBox="0 0 640 480">
+  <g fill-rule="evenodd">
+    <g stroke-width="1pt">
+      <path fill="#bd3d44" d="M0 0h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8V197H0zm0 78.8h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8v39.4H0zm0 78.8h972.8V512H0z" transform="scale(.9375)"/>
+      <path fill="#fff" d="M0 39.4h972.8v39.4H0zm0 78.8h972.8v39.3H0zm0 78.7h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8v39.4H0z" transform="scale(.9375)"/>
+    </g>
+    <path fill="#192f5d" d="M0 0h389.1v275.7H0z" transform="scale(.9375)"/>
+    <path fill="#fff" d="M32.4 11.8L36 22.7h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0l3.6 10.9H177l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0l3.5 10.9H242l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 39.4l3.5 10.9h11.5L70.6 57 74 67.9l-9-6.7-9.3 6.7L59 57l-9-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7L124 57l-9.3-6.7h11.5zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0l3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0l3.5 10.9h11.5L330 57l3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 66.9L36 78h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7H29zm64.9 0l3.5 11h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zm64.8 0l3.6 11H177l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7h11.5zm64.9 0l3.5 11H242l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.4zm64.8 0l3.6 11h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.2-6.7h11.4zm64.9 0l3.5 11h11.5l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.5zM64.9 94.5l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0l3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 122.1L36 133h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0l3.6 10.9H177l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0l3.5 10.9H242l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 149.7l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.5zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7H191zm64.8 0l3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7H256zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zM32.4 177.2l3.6 11h11.4l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0l3.5 11h11.5l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0l3.6 11H177l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0l3.5 11H242l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0l3.6 11h11.4l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0l3.5 11h11.5l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 204.8l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0l3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 232.4l3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.3-6.7H29zm64.9 0l3.5 10.9h11.5L103 250l3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.4zm64.8 0l3.6 10.9H177l-9 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.3-6.7h11.5zm64.9 0l3.5 10.9H242l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.4zm64.8 0l3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.2-6.7h11.4zm64.9 0l3.5 10.9h11.5l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.5z" transform="scale(.9375)"/>
+  </g>
+</svg>

src/scss/icons.scss

@@ -1,55 +0,0 @@
-.si, .si::before {
-  display: inline-block;
-  width: 1.25em;
-  line-height: 1;
-  box-sizing: border-box;
-}
-
-.si-2x {
-  font-size: 2em;
-}
-
-.si-3x {
-  font-size: 3em;
-}
-
-.si-4x {
-  font-size: 4em;
-}
-
-.si::before {
-  content: '\200b';
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-@mixin svg-icon($name) {
-  .si-#{$name}::before {
-    background-image: url("../img/icon/#{$name}.svg");
-  }
-}
-
-@include svg-icon('bars');
-@include svg-icon('book');
-@include svg-icon('comment-dots');
-@include svg-icon('comments');
-@include svg-icon('envelope');
-@include svg-icon('firefox-browser');
-@include svg-icon('gitea');
-@include svg-icon('github');
-@include svg-icon('hand-holding-heart');
-@include svg-icon('home');
-@include svg-icon('language');
-@include svg-icon('mastodon');
-@include svg-icon('matrix');
-@include svg-icon('opencollective');
-@include svg-icon('search');
-@include svg-icon('stackoverflow');
-@include svg-icon('server');
-@include svg-icon('tags');
-@include svg-icon('threema');
-@include svg-icon('twitter');
-@include svg-icon('users');
-@include svg-icon('wifi');
-@include svg-icon('xmpp');
-@include svg-icon('youtube');

src/scss/icons/flags.scss

@@ -0,0 +1,24 @@
+// flag-icon-css
+$flag-icon-path: "" !default;
+
+[class^="fi-"], [class*=" fi-"] {
+  position: relative;
+  display: inline-block;
+  width: 1.33333em;
+  line-height: 1em;
+  background-size: contain;
+  background-position: 50%;
+  background-repeat: no-repeat;
+
+  &::before {
+    content: '\00a0';
+  }
+}
+
+.fi-us {
+  background-image: url('#{$flag-icon-path}/us.svg');
+}
+
+.fi-de {
+  background-image: url('#{$flag-icon-path}/de.svg');
+}

src/scss/icons/style.scss

@@ -0,0 +1,225 @@
+@import "variables";
+
+@font-face {
+  font-family: '#{$icomoon-font-family}';
+  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?9r0igb');
+  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?9r0igb#iefix') format('embedded-opentype'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff2?9r0igb') format('woff2'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?9r0igb') format('woff'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?9r0igb') format('truetype'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?9r0igb##{$icomoon-font-family}') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="i-"], [class*=" i-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: '#{$icomoon-font-family}' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* own changes */
+  display: inline-block;
+}
+
+.i-fw {
+  width: 1.25em;
+  text-align: center;
+}
+
+.i-2x {
+  font-size: 2em;
+}
+
+.i-3x {
+  font-size: 3em;
+}
+
+.i-4x {
+  font-size: 4em;
+}
+
+.i-network-wired {
+  &:before {
+    content: $i-network-wired;
+  }
+}
+.i-money-bill {
+  &:before {
+    content: $i-money-bill;
+  }
+}
+.i-chart-line {
+  &:before {
+    content: $i-chart-line;
+  }
+}
+.i-info-circle {
+  &:before {
+    content: $i-info-circle;
+  }
+}
+.i-code {
+  &:before {
+    content: $i-code;
+  }
+}
+.i-xmpp {
+  &:before {
+    content: $i-xmpp;
+  }
+}
+.i-wifi {
+  &:before {
+    content: $i-wifi;
+  }
+}
+.i-youtube {
+  &:before {
+    content: $i-youtube;
+  }
+}
+.i-twitter {
+  &:before {
+    content: $i-twitter;
+  }
+}
+.i-threema {
+  &:before {
+    content: $i-threema;
+  }
+}
+.i-stackoverflow {
+  &:before {
+    content: $i-stackoverflow;
+  }
+}
+.i-search {
+  &:before {
+    content: $i-search;
+  }
+}
+.i-opencollective {
+  &:before {
+    content: $i-opencollective;
+  }
+}
+.i-mastodon {
+  &:before {
+    content: $i-mastodon;
+  }
+}
+.i-hand-holding-heart {
+  &:before {
+    content: $i-hand-holding-heart;
+  }
+}
+.i-github {
+  &:before {
+    content: $i-github;
+  }
+}
+.i-gitea {
+  &:before {
+    content: $i-gitea;
+  }
+}
+.i-firefox {
+  &:before {
+    content: $i-firefox;
+  }
+}
+.i-copyright {
+  &:before {
+    content: $i-copyright;
+  }
+}
+.i-book {
+  &:before {
+    content: $i-book;
+  }
+}
+.i-matrix {
+  &:before {
+    content: $i-matrix;
+  }
+}
+.i-server {
+  &:before {
+    content: $i-server;
+  }
+}
+.i-credit-card {
+  &:before {
+    content: $i-credit-card;
+  }
+}
+.i-external-link {
+  &:before {
+    content: $i-external-link;
+  }
+}
+.i-heart {
+  &:before {
+    content: $i-heart;
+  }
+}
+.i-home {
+  &:before {
+    content: $i-home;
+  }
+}
+.i-tags {
+  &:before {
+    content: $i-tags;
+  }
+}
+.i-comments {
+  &:before {
+    content: $i-comments;
+  }
+}
+.i-users {
+  &:before {
+    content: $i-users;
+  }
+}
+.i-bars {
+  &:before {
+    content: $i-bars;
+  }
+}
+.i-envelope {
+  &:before {
+    content: $i-envelope;
+  }
+}
+.i-language {
+  &:before {
+    content: $i-language;
+  }
+}
+.i-user-secret {
+  &:before {
+    content: $i-user-secret;
+  }
+}
+.i-heartbeat {
+  &:before {
+    content: $i-heartbeat;
+  }
+}
+.i-commenting {
+  &:before {
+    content: $i-commenting;
+  }
+}

src/scss/icons/variables.scss

@@ -0,0 +1,39 @@
+$icomoon-font-family: "icomoon" !default;
+$icomoon-font-path: "fonts" !default;
+
+$i-network-wired: "\e903";
+$i-money-bill: "\e904";
+$i-chart-line: "\e905";
+$i-info-circle: "\e906";
+$i-code: "\e907";
+$i-xmpp: "\e908";
+$i-wifi: "\e909";
+$i-youtube: "\e90a";
+$i-twitter: "\e90b";
+$i-threema: "\e90c";
+$i-stackoverflow: "\e90d";
+$i-search: "\e90e";
+$i-opencollective: "\e90f";
+$i-mastodon: "\e910";
+$i-hand-holding-heart: "\e911";
+$i-github: "\e912";
+$i-gitea: "\e913";
+$i-firefox: "\e914";
+$i-copyright: "\e915";
+$i-book: "\e916";
+$i-matrix: "\e900";
+$i-server: "\e901";
+$i-credit-card: "\e902";
+$i-external-link: "\e917";
+$i-heart: "\f004";
+$i-home: "\f015";
+$i-tags: "\f02c";
+$i-comments: "\f086";
+$i-users: "\f0c0";
+$i-bars: "\f0c9";
+$i-envelope: "\f0e0";
+$i-language: "\f1ab";
+$i-user-secret: "\f21b";
+$i-heartbeat: "\f21e";
+$i-commenting: "\f27a";
+

src/scss/main.scss

@@ -1,3 +1,9 @@
+@import "logo";
+$icomoon-font-path: "../font";
+@import "icons/style";
+$flag-icon-path: '../img';
+@import "icons/flags";
+
 @import "node_modules/bootstrap/scss/bootstrap-grid";
 @import "node_modules/bootstrap/scss/bootstrap-reboot";
 @import "node_modules/bootstrap/scss/utilities/align";
@@ -9,14 +15,6 @@
 @import "node_modules/bootstrap/scss/variables";
 @import "node_modules/bootstrap/scss/mixins/_breakpoints";
 
-$fa-font-path: "../font";
-@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
-@import "node_modules/@fortawesome/fontawesome-free/scss/solid";
-@import "node_modules/@fortawesome/fontawesome-free/scss/brands";
-@import "node_modules/@fortawesome/fontawesome-free/scss/regular";
-$flag-icon-rect-path: '';
-@import "node_modules/flag-icon-css/sass/flag-icon";
-
 $primary: #fea500;
 $primary_dark: #e5a52e;
 
@@ -27,7 +25,7 @@ html, body {
 }
 
 body {
-  background-image: url("../img/bg.png");
+  background-image: url("../img/bg.jpg");
   color: #fff;
   font-weight: 300;
   min-height: 100vh;