final edits for first release

datenschutzerklärung.md

@@ -5,13 +5,14 @@
 	XMPP: xmpp:max@tfld.de
 	
 ## Dienste und deren erhobene Daten
-Es wird bei allen Diensten versucht, so weit wie möglich, auf erforderliche Daten zu verzichten. Die dennoch erhobenen Daten werden zur Bereitstellung des jeweiligen Dienstes verwendet. Eine Datenzusammenführung der Dienste erfolgt nicht.
+Es wird bei allen Diensten versucht, so gut wie möglich, auf erforderliche Daten zu verzichten. Die dennoch erhobenen Daten werden zur Bereitstellung des jeweiligen Dienstes benötigt. Eine Datenzusammenführung der Dienste erfolgt nicht. Die Verabeitung bzw. Speicherung erfolgt in Rechenzentren in Deutschland.
 
 ### Website
 Beim Aufruf vermittelt der Browser bestimmte Verkehrsdaten an den Webserver. Diese werden benötigt, um die grundlegende Funtkion bereitzustellen. Von diesen werden jedoch nur folgende in einer Datei protokolliert:
 	- Zeit der Anfrage, z.B. `[06/Aug/2021:17:48:09 +0200]`
         - die erste Zeile der Anfrage (HTTP-Methode, Ziel und HTTP-Version), z.B. `GET /robots.txt HTTP/1.1`
 	- HTTP-Status, z.B. `404`
+
 Diese Protokolle werden alle 24 Stunden rotiert und anschließend gelöscht. Sie werden weder analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen.
 Weiterhin werden auf der Website externen Ressourcen eingebunden. Es wird kein JavaScript verwendet. Es findet kein Tracking oder andersweitge Verhaltensanalyse statt. Es werden keine Cookies gesetzt.
 
@@ -20,7 +21,7 @@ Bei der Anmeldung fallen folgende Daten an und werden auch für die Dauer des Be
 	- gewählter Benutzername (Jabber-ID)
 	- Prüfsumme des Passworts (SCRAM-SHA-1)
 
-Durch die Verwendung fallen folgende Daten an:
+Durch die Nutzung fallen folgende Daten an:
 	- PEP-Accountinformationen, falls eingerichtet (z.B. Avatar, Onlinestatus, Verschlüsselung)
 	- XMPP-Kontakte (Jabber-IDs) und zugeordnete Namen
 	- Multi-User-Chat-Informationen (z.B. Gruppenname oder Gruppenbild)
@@ -29,14 +30,14 @@ Durch die Verwendung fallen folgende Daten an:
 		- Archiv: um einen lückenlosen Chatverlauf, z.B. auf mehreren Geräten zu ermöglichen, werden alle Nachrichten in einem Archiv aufbewahrt
 	- Dateiuploads
 
-Sofern möglich, werden all diese Daten nach 30 Tagen ihres Bestehens gelöscht.  
+Sofern möglich, werden diese Daten nach 30 Tagen ihres Hochladens gelöscht.  
 
 Weiterhin werden Fehler und Warnungen in einer Datei protokolliert. Dabei werden sensible Daten wie z.B. IP-Adressen entfernt. Die Protokolle werden alle 24h Stunden rotiert und anschließend gelöscht. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen und werden weder ausgewertet noch an Dritte weitergegeben.
 
 Bitte verwendet Nachrichtenverschlüsselung wie OMEMO.
 
 ### Gitea
-Durch die Verwendung von Gitea fallen folgende Daten an:
+Durch die Nutzung von Gitea fallen folgende Daten an:
 	- Anmeldeinformationen wie Nutzername, E-Mail(optional) und Passwort (als Prüfsumme gespeichert)
         - freiwillig angegebene Profilinformation für deinen Account, wie z.B. vollständiger Name, Biographie, Website, GPG-Key und Standort
 	- Verkehrsdaten des Browsers z.B. angeforderte Sprache, davon werden protokolliert:
@@ -44,15 +45,41 @@ Durch die Verwendung von Gitea fallen folgende Daten an:
 		- die erste Zeile der Anfrage (HTTP-Methode, Ziel und HTTP-Version), z.B. `GET /robots.txt HTTP/1.1`
 		- HTTP-Status, z.B. `404`
 	- deine Git-Daten, welche in das Repository hochgeladen werden
-	- Cookies, ausschließlich um eine Anmeldung zu realisieren oder wenn die Funktion "Remember me" genutzt wird
+	- Cookies, ausschließlich zur Sitzungsverwaltung, Unterbindung von CSRF und, wenn genutzt, für die 'Remember Me' Funktion
+
+Diese Protokolle werden alle 24 Stunden rotiert und anschließend gelöscht. Sie werden weder analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen.
 
 ### Mumble
+Durch die Nutzung von Mumble fallen folgende Daten an:
+	- Audiodaten
+	- Chatnachrichten
+	- Nutzername
+	- Kommentar (optional)
+	- Avatar (optional)
+
+Folgende Information werden protokolliert:
+	- Nutzername
+    	- Zugriffszeitpunkt
+	- Version des Clients
+	- Angaben zum Audiocodec
+    	- genutzte Räume auf dem Mumble-Server
+
+Diese Protokolle werden alle 24 Stunden rotiert und anschließend gelöscht. Sie werden weder analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen.
+
+Du kannst dich bei voice.tfld.de registrieren. Dann werden folgende Daten für die Dauer des Bestehens deiner Registrierung gespeichert:
+    	- Nutzernamde
+    	- Zertifikat / Passwort
+    	- zuletzt genutzter Mumble-Raum
+    	- Zeitpunkt des letzten Zugriffs
+	- Benutzerrechte
+	- Kommentar (optional)
+	- Avatar (optional)
 
 ## Deine Rechte
-	- Recht auf Auskunft über die betroffenen personenbezogenen Daten
+	- Recht auf Auskunft über die betroffenen personenbezogenen Daten gemäß Art. 15 DSGVO
-	- Recht auf Berichtigung
+	- Recht auf Berichtigung gemäß Art. 16 DSGVO
-	- Recht auf Löschung
+	- Recht auf Löschung gemäß Art. 17 DSGVO
-	- Recht auf Einschränkung der Verarbeitung
+	- Recht auf Einschränkung der Verarbeitung gemäß Art. 18 DSGVO
-	- Widerspruchsrecht gegen die Verarbeitung
+	- Recht auf Datenübertragbarkeit gemäß Art. 20 DSGVO
-	- Recht auf Datenübertragbarkeit
+	- Widerspruchsrecht gegen die Verarbeitung gemäß Art. 21 DSGVO
-	- Beschwerderecht bei einer Aufsichtsbehörde
+	- Beschwerderecht bei einer Aufsichtsbehörde gemäß Art. 77

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/index.html

@@ -5,6 +5,13 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>tfld.de</title>
         <link rel="stylesheet" href="mystyle.css">
+        <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+        <link rel="manifest" href="site.webmanifest">
+        <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
+        <meta name="msapplication-TileColor" content="#da532c">
+        <meta name="theme-color" content="#ffffff">
     </head>
     <body>
         <nav class="navbar" role="navigation" aria-label="main navigation">
@@ -14,7 +21,6 @@
                 </a>
             </div>
             <div class="navbar-end">
-                <a class="navbar-item" href="https://tfld.de/about/">Über</a>
                 <a class="navbar-item" href="https://tfld.de/privacy/">Datenschutz</a>
             </div>
         </nav>
@@ -77,7 +83,7 @@
                                     <h5 class="title is-5">
                                         Mumble
                                     </h5>
-                                    Mumble ist eine freie Sprachkonferenzsoftware ähnlich wie Teamspeak.
+                                    Mumble ist eine freie Sprachkonferenzsoftware ähnlich Teamspeak.
                                 </div>
                             </div>
                         </a>
@@ -89,7 +95,7 @@
         <footer class="footer">
             <div class="content has-text-centered">
                 <p>
-                    <strong>tfld.de</strong> made by <a href="https://max-hohlfeld.de" target="_blank">Max Hohlfeld</a> with <a href="https://bulma.io">Bulma</a>.
+                    <strong>tfld.de</strong> made by <a href="https://max-hohlfeld.de" target="_blank">Max Hohlfeld</a> with <a href="https://bulma.io">Bulma</a>. Inspired by <a href="https://pussthecat.org" target="_blank">pussthecat.org</a> and <a href="https://exonip.de" target="_blank">exonip.de</a>.
                 </p>
             </div>
         </footer>

public/privacy/index.html

@@ -5,6 +5,13 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>tfld.de</title>
         <link rel="stylesheet" href="../mystyle.css">
+        <link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
+        <link rel="manifest" href="../site.webmanifest">
+        <link rel="mask-icon" href="../safari-pinned-tab.svg" color="#5bbad5">
+        <meta name="msapplication-TileColor" content="#da532c">
+        <meta name="theme-color" content="#ffffff">
     </head>
     <body>
         <nav class="navbar" role="navigation" aria-label="main navigation">
@@ -14,7 +21,6 @@
                 </a>
             </div>
             <div class="navbar-end">
-                <a class="navbar-item" href="https://tfld.de/about/">Über</a>
                 <a class="navbar-item" href="#">Datenschutz</a>
             </div>
         </nav>
@@ -23,39 +29,139 @@
             <div class="container">
                 <h1 class="title is-1">Datenschutzerklärung</h1>
                 <div class="content">
-                    <h3 class="subtitle is-3">Website</h3>
+                    <h2>Name und Kontaktdaten des Verantwortlichen</h2>
-                    <p>Beim Aufruf von der Website <a href="https://tfld.de/">tfld.de</a> werden bestimmte Informationen durch den Webserver geloggt. Dazu zählen:</p>
+                    <p>
-                    <ul>
+                        Max Hohlfeld<br/>
-                        <li> Zeit der Anfrage, z.B. <code>[06/Aug/2021:17:48:09 +0200]</code>
+                        E-Mail: <a href="mailto:maxhohlfeld@posteo.de">maxhohlfeld@posteo.de</a><br/>
-                        <li> die erste Zeile der Anfrage (HTTP-Methode, Ziel und HTTP-Version), z.B. <code>GET /robots.txt HTTP/1.1</code>
+                        XMPP: <a href="xmpp:max@tfld.de">max@tfld.de</a>
-                        <li> HTTP-Status, z.B. <code>404</code>
+                    </p>
-                    </ul>
-                    <p>Diese Daten werden alle 24 Stunden gelöscht. Sie werden weder automatisch analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen. Aus diesen Daten ist kein Personenbezug herzustellen. Weiterhin werden auf dieser Webseite keine externen Ressourcen wie Stylesheets oder Skripte eingebunden. Es kommen generell keine Skripte zum Einsatz. Es werden außerdem keine Cookies gesetzt.</p>
                         
-                    <h3 class="subtitle is-3">XMPP-Server</h3>
+                    <h2>Dienste und deren erhobene Daten</h2>
-                    <p>Bei der Registrierung und Nutzung des XMPP-Dienstes werden folgende Daten erfasst:</p>
+                    <p>
+                        Es wird bei allen Diensten versucht, so gut wie möglich auf unnötige Datenerhebung zu verzichten. Die dennoch erhobenen Daten werden zur Bereitstellung des jeweiligen Dienstes benötigt. Die Rechtsgrundlage ist Art. 6 Absatz 1 Satz 1f DSGVO. Eine Datenzusammenführung der Dienste erfolgt nicht. Die Daten werden nicht ausgewertet oder mit Dritten geteilt. Die Verarbeitung bzw. Speicherung erfolgt in Rechenzentren in Deutschland. 
+                    </p>
+
+                    <h3>Website</h3>
+                    <p>
+                        Beim Aufruf vermittelt der Browser bestimmte Verkehrsdaten an den Webserver. Diese werden benötigt, um die grundlegende Funktion bereitzustellen. Von diesen werden jedoch nur folgende in einer Datei protokolliert:
+                    </p>
                     <ul>
-                        <li>- IP-Adresse
+                        <li>Zeit der Anfrage, z.B. <code>[06/Aug/2021:17:48:09 +0200]</code></li>
-                        <li>- Benutzername
+                        <li>die erste Zeile der Anfrage (HTTP-Methode, Ziel und HTTP-Version), z.B. <code>GET /robots.txt HTTP/1.1</code></li>
-                        <li>- Prüfsumme des Passworts (SCRAM-SHA1)
+                        <li>HTTP-Status, z.B. <code>404</code></li>
-                        <li>- PEP-Accountinformationen, falls eingerichtet
-                        <li>- XMPP-Kontakte (XMPP-IDs) und zugeordnete Namen
-                        <li>- Versendete Nachrichten (werden verarbeitet, nicht gespeichert)
-                        <li>- Onlinestatus (Status, Zeitpunkt der letzten Änderung)
-                        <li>- Dateiuploads
-                        <li>- Technische Informationen über den verwendeten Client (unterstützte (Protokoll-/) Versionen)
-                        <li>- Zeitpunkt des letzten Logins / Logouts
                     </ul>
-                    <h5 class="subtitle is-3">Gitea</h5>
+                    <p>
-                    <h5 class="subtitle is-3">Mumble</h5>
+                        Diese Protokolle werden alle 24 Stunden rotiert und anschließend gelöscht. Sie werden weder analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen.
+                    </p>
+                    <p>
+                        Weiterhin werden auf der Website externen Ressourcen eingebunden. Es wird kein JavaScript verwendet. Es findet kein Tracking oder anderweitige Verhaltensanalyse statt. Es werden keine Cookies gesetzt.
+                    </p>
+
+                    <h3>XMPP</h3>
+                    <p>
+                        Bei der Anmeldung fallen folgende Daten an und werden auch für die Dauer des Bestehens des Accounts gespeichert:
+                    </p>
+                    <ul>
+                        <li>gewählter Benutzername (Jabber-ID)</li>
+                        <li>Prüfsumme des Passworts (SCRAM-SHA-1)</li>
+                    </ul>
+
+                    <p>
+                        Durch die Nutzung fallen folgende Daten an:
+                    </p>
+                    <ul>
+                        <li>PEP-Accountinformationen, falls eingerichtet (z.B. Avatar, Onlinestatus, Verschlüsselung)</li>
+                        <li> XMPP-Kontakte (Jabber-IDs) und zugeordnete Namen</li>
+                        <li> Multi-User-Chat-Informationen (z.B. Gruppenname oder Gruppenbild)</li>
+                        <li> Nachrichten:</li>
+                            <ul>
+                                <li>Offline-Nachrichten: erhältst du eine Nachricht während du offline bist, wird diese Nachricht gespeichert, bis du wieder online bist</li>
+                                <li>Archiv: um einen lückenlosen Chatverlauf, z.B. auf mehreren Geräten zu ermöglichen, werden alle Nachrichten in einem Archiv aufbewahrt</li>
+                            </ul>
+                        <li>Dateiuploads</li>
+                    </ul>
+                    <p>
+                        Sofern möglich, werden diese Daten nach 30 Tagen ihres Hochladens gelöscht.  
+                    </p>
+                    <p>
+                        Weiterhin werden Fehler und Warnungen in einer Datei protokolliert. Dabei werden sensible Daten wie z.B. IP-Adressen entfernt. Die Protokolle werden alle 24h Stunden rotiert und anschließend gelöscht. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen und werden weder ausgewertet noch an Dritte weitergegeben.
+                    </p>
+                    <p>
+                        Bitte verwendet <strong>Nachrichtenverschlüsselung</strong> wie OMEMO.
+                    </p>
+
+                    <h3>Gitea</h3>
+                    <p>
+                        Durch die Nutzung von Gitea fallen folgende Daten an:
+                    </p>
+                    <ul>
+                        <li>Anmeldeinformationen wie Nutzername, E-Mail(optional) und Passwort (als Prüfsumme gespeichert)</li>
+                        <li>freiwillig angegebene Profilinformation für deinen Account, wie z.B. vollständiger Name, Biographie, Website, GPG-Key und Standort</li>
+                            <li>Verkehrsdaten des Browsers z.B. angeforderte Sprache, davon werden protokolliert:</li>
+                            <ul>
+                                <li>Zeit der Anfrage, z.B. <code>[06/Aug/2021:17:48:09 +0200]</code></li>
+                                <li>die erste Zeile der Anfrage (HTTP-Methode, Ziel und HTTP-Version), z.B. <code>GET /robots.txt HTTP/1.1</code></li>
+                                <li>HTTP-Status, z.B. <code>404</code></li>
+                            </ul>
+                            <li>deine Git-Daten, welche in das Repository hochgeladen werden</li>
+                            <li>Cookies, ausschließlich zur Sitzungsverwaltung, Unterbindung von <a href="https://de.wikipedia.org/wiki/Cross-Site-Request-Forgery" target="_blank">CSRF</a> und, wenn genutzt, für die 'Remember Me' Funktion</li>
+                    </ul>
+                    <p>
+                        Diese Protokolle werden alle 24 Stunden rotiert und anschließend gelöscht. Sie werden weder analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen.
+                    </p>
+
+                    <h3>Mumble</h3>
+                    <p>
+                        Durch die Nutzung von Mumble fallen folgende Daten an:
+                    </p>
+                    <ul>
+                        <li>Audiodaten</li>
+                        <li>Chatnachrichten</li>
+                        <li>Nutzername</li>
+                        <li>Kommentar (optional)</li>
+                        <li>Avatar (optional)</li>
+                    </ul>
+                    <p>
+                        Folgende Information werden protokolliert:
+                    </p>
+                    <ul>
+                        <li>Nutzername</li>
+                        <li>Zugriffszeitpunkt</li>
+                        <li>Version des Clients</li>
+                        <li>Angaben zum Audiocodec</li>
+                        <li>genutzte Räume auf dem Mumble-Server</li>
+                    </ul>
+                    <p>
+                        Diese Protokolle werden alle 24 Stunden rotiert und anschließend gelöscht. Sie werden weder analysiert noch mit Dritten geteilt. Sie dienen ausschließlich der Fehlersuche bei technischen Problemen.
+                    </p>
+                    <p>
+                        Du kannst dich auf dem Mumble-Server registrieren. Dann werden folgende Daten für die Dauer des Bestehens deiner Registrierung gespeichert:
+                    </p>
+                    <ul>
+                        <li>Nutzername</li>
+                        <li>Zertifikat / Passwort</li>
+                        <li>zuletzt genutzter Mumble-Raum</li>
+                        <li>Zeitpunkt des letzten Zugriffs</li>
+                        <li>Benutzerrechte</li>
+                        <li>Kommentar (optional)</li>
+                        <li>Avatar (optional)</li>
+                    </ul>
+
+                    <h2>Deine Rechte</h2>
+                        <li>Recht auf Auskunft über die betroffenen personenbezogenen Daten gemäß Art. 15 DSGVO</li>
+                        <li>Recht auf Berichtigung gemäß Art. 16 DSGVO</li>
+                        <li>Recht auf Löschung gemäß Art. 17 DSGVO</li>
+                        <li>Recht auf Einschränkung der Verarbeitung gemäß Art. 18 DSGVO</li>
+                        <li>Recht auf Datenübertragbarkeit gemäß Art. 20 DSGVO</li>
+                        <li>Widerspruchsrecht gegen die Verarbeitung gemäß Art. 21 DSGVO</li>
+                        <li>Beschwerderecht bei einer Aufsichtsbehörde gemäß Art. 77 DSGVO</li>
                 </div>
             </div>
         </section>
-
         <footer class="footer">
             <div class="content has-text-centered">
                 <p>
-                    <strong>tfld.de</strong> made by <a href="https://max-hohlfeld.de" target="_blank">Max Hohlfeld</a> with <a href="https://bulma.io">Bulma</a>.
+                    <strong>tfld.de</strong> made by <a href="https://max-hohlfeld.de" target="_blank">Max Hohlfeld</a> with <a href="https://bulma.io">Bulma</a>. Inspired by <a href="https://pussthecat.org" target="_blank">pussthecat.org</a> and <a href="https://exonip.de" target="_blank">exonip.de</a>.
                 </p>
             </div>
         </footer>

public/safari-pinned-tab.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1644 6980 c-85 -34 -160 -121 -179 -209 -4 -18 -7 -248 -7 -510 0
+-513 1 -519 54 -594 59 -83 133 -120 238 -120 89 0 133 17 197 75 48 45 76 92
+88 147 11 52 7 980 -4 1019 -48 162 -232 252 -387 192z"/>
+<path d="M2829 6987 c-89 -33 -151 -93 -186 -178 -16 -40 -18 -85 -17 -544 l0
+-500 24 -50 c53 -108 147 -169 266 -169 120 0 216 62 268 173 20 45 21 59 21
+556 0 571 4 538 -74 626 -22 26 -62 57 -88 69 -58 27 -163 36 -214 17z"/>
+<path d="M3988 6983 c-55 -18 -120 -70 -153 -122 -43 -70 -47 -115 -43 -621 3
+-461 4 -476 24 -521 98 -212 383 -237 510 -44 18 28 36 72 41 100 5 28 8 259
+8 515 -1 527 -1 529 -78 614 -74 82 -203 115 -309 79z"/>
+<path d="M484 4939 c-71 -27 -136 -87 -165 -151 l-24 -53 -2 -1395 c-2 -1488
+-2 -1484 47 -1670 22 -87 52 -166 100 -265 217 -450 660 -761 1155 -812 89 -9
+2569 -10 2650 -1 95 11 240 45 334 79 540 196 925 706 957 1268 4 53 8 98 9
+100 2 2 37 5 77 6 112 5 262 33 377 72 442 147 782 488 926 928 57 172 69 257
+68 460 0 168 -3 199 -37 351 -25 117 -122 341 -182 421 -13 17 -24 34 -24 38
+0 3 -15 25 -32 48 -184 237 -362 373 -658 501 -34 14 -162 51 -212 62 -47 9
+-84 16 -113 22 -16 3 -1193 6 -2615 8 -2544 2 -2586 2 -2636 -17z m4463 -568
+c8 -1 11 -303 9 -1233 l-2 -1233 -22 -80 c-67 -241 -213 -428 -433 -553 -77
+-43 -226 -91 -312 -98 -136 -12 -2517 -7 -2584 5 -379 71 -667 367 -719 741
+-7 53 -14 2409 -6 2440 3 13 235 15 2030 14 1115 -1 2032 -2 2039 -3z m749
+-11 c400 -66 709 -425 718 -834 7 -342 -166 -638 -471 -804 -39 -21 -131 -57
+-178 -68 -50 -13 -182 -30 -202 -26 l-22 4 0 866 c1 562 4 869 11 873 11 7 56
+4 144 -11z"/>
+</g>
+</svg>

public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

sass/mystyle.scss

@@ -2,12 +2,10 @@
 
 // colours
 $eerie-black: #1B1B1B;
-$outer-space: #414A4C;
+$eclipse-grey: #3D3D3D;
 
-$own-black: #121212;
+$white: #FFFFFF;
-$own-grey: #343a40;
+$green: #30AD23;
-$white: #ffffff;
-$green: #30ad23;
 $light-green: #82CD7B;
 
 // update bulma variables
@@ -16,18 +14,22 @@ $text-strong: $white;
 $link: $light-green;
 $link-hover: $green;
 
+$code: #ffcfaf;
+$code-background: $eclipse-grey;
+
 $body-background-color: $eerie-black;
 
 $card-color: $white;
 $card-header-color: $white;
-$card-background-color: #3D3D3D;
+$card-background-color: $eclipse-grey;
-$card-header-color: #3D3D3D;
+$card-header-color: $eclipse-grey;
 
-$navbar-background-color: #3D3D3D;
+$navbar-background-color: $eclipse-grey;
 $navbar-item-color: $white;
-$navbar-item-hover-background-color: #3D3D3D;
+$navbar-item-hover-background-color: $eclipse-grey;
+$navbar-breakpoint: 500px;
 
-$footer-background-color: #3D3D3D;
+$footer-background-color: $eclipse-grey;
 
 // own styles
 .hero-body {
@@ -45,27 +47,21 @@ $footer-background-color: #3D3D3D;
 }
 
 .card {
-	height: 450px;
+	height: 500px;
 }
 
 // Import only what you need from Bulma
-// @import "./bulma/sass/utilities/_all.sass";
+@import "./bulma/sass/utilities/_all.sass";
-// @import "./bulma/sass/base/_all.sass";
+@import "./bulma/sass/base/_all.sass";
-// @import "./bulma/sass/layout/_all.sass";
+@import "./bulma/sass/layout/_all.sass";
-// @import "./bulma/sass/form/_all.sass";
 
-// @import "./bulma/sass/components/card.sass";
+@import "./bulma/sass/components/card.sass";
-// @import "./bulma/sass/components/level.sass";
+@import "./bulma/sass/components/navbar.sass";
-// @import "./bulma/sass/components/modal.sass";
+@import "./bulma/sass/elements/container.sass";
-// @import "./bulma/sass/components/navbar.sass";
+@import "./bulma/sass/elements/content.sass";
-// @import "./bulma/sass/components/pagination.sass";
+@import "./bulma/sass/elements/title.sass";
-// @import "./bulma/sass/elements/button.sass";
+@import "./bulma/sass/helpers/typography.sass";
-// @import "./bulma/sass/elements/container.sass";
+@import "./bulma/sass/grid/tiles.sass";
-// @import "./bulma/sass/elements/content.sass";
+@import "./bulma/sass/helpers/flexbox.sass";
-// @import "./bulma/sass/elements/table.sass";
-// @import "./bulma/sass/elements/title.sass";
-// @import "./bulma/sass/helpers/visibility.sass";
-// @import "./bulma/sass/helpers/typography.sass";
-// @import "./bulma/sass/helpers/spacing.sass";
 
-@import "./bulma/bulma.sass"
+// @import "./bulma/bulma.sass"