Compare commits
10 Commits
0fa7b92a92
...
e14b665a5d
Author | SHA1 | Date | |
---|---|---|---|
e14b665a5d | |||
9912e4de23 | |||
512d5c4bf8 | |||
5011e29bd8 | |||
a526930426 | |||
03641db0d5 | |||
a88daaab51 | |||
92b4000df6 | |||
24d8dfcc71 | |||
6f1fdfd4ff |
@ -1,4 +1,5 @@
|
|||||||
# tfld.de
|
# tfld.de
|
||||||
|
|
||||||
`sass sass/mystyle.scss public/mystyle.css`
|
## Befehle um SCSS zu kompilieren
|
||||||
|
`sass sass/mystyle.scss public/mystyle.css`
|
||||||
`sass sass/mystyle.scss public/mystyle.css --watch`
|
`sass sass/mystyle.scss public/mystyle.css --watch`
|
||||||
|
85
datenschutzerklärung.md
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
# Datenschutzerklärung tfld.de
|
||||||
|
## Name und Kontakdaten des Verantwortlichen
|
||||||
|
Max Hohlfeld
|
||||||
|
E-Mail: mailto:maxhohlfeld@posteo.de
|
||||||
|
XMPP: xmpp:max@tfld.de
|
||||||
|
|
||||||
|
## Dienste und deren erhobene Daten
|
||||||
|
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.
|
||||||
|
|
||||||
|
### XMPP
|
||||||
|
Bei der Anmeldung fallen folgende Daten an und werden auch für die Dauer des Bestehens des Accounts gespeichert:
|
||||||
|
- gewählter Benutzername (Jabber-ID)
|
||||||
|
- Prüfsumme des Passworts (SCRAM-SHA-1)
|
||||||
|
|
||||||
|
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)
|
||||||
|
- Nachrichten:
|
||||||
|
- Offline-Nachrichten: erhältst du eine Nachricht während du offline bist, wird diese Nachricht gespeichert, bis du wieder online bist
|
||||||
|
- 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 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 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:
|
||||||
|
- 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`
|
||||||
|
- deine Git-Daten, welche in das Repository hochgeladen werden
|
||||||
|
- 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 gemäß Art. 15 DSGVO
|
||||||
|
- Recht auf Berichtigung gemäß Art. 16 DSGVO
|
||||||
|
- Recht auf Löschung gemäß Art. 17 DSGVO
|
||||||
|
- Recht auf Einschränkung der Verarbeitung gemäß Art. 18 DSGVO
|
||||||
|
- Recht auf Datenübertragbarkeit gemäß Art. 20 DSGVO
|
||||||
|
- Widerspruchsrecht gegen die Verarbeitung gemäß Art. 21 DSGVO
|
||||||
|
- Beschwerderecht bei einer Aufsichtsbehörde gemäß Art. 77
|
BIN
public/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
public/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
public/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
9
public/browserconfig.xml
Normal file
@ -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>
|
BIN
public/favicon-16x16.png
Normal file
After Width: | Height: | Size: 607 B |
BIN
public/favicon-32x32.png
Normal file
After Width: | Height: | Size: 792 B |
BIN
public/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
public/images/hero_tea_field.avif
Normal file
19
public/images/searxng_logo.svg
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg8" version="1.1" viewBox="0 0 92 92" height="92mm" width="92mm">
|
||||||
|
<defs id="defs2"/>
|
||||||
|
<metadata id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||||
|
<dc:title/>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g transform="translate(-40.921303,-17.416526)" id="layer1">
|
||||||
|
<circle r="0" style="fill:none;stroke:#000000;stroke-width:12;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" cy="92" cx="75" id="path3713"/>
|
||||||
|
<circle r="30" cy="53.902557" cx="75.921303" id="path834" style="fill:none;fill-opacity:1;stroke:#3050ff;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
|
||||||
|
<path d="m 67.514849,37.91524 a 18,18 0 0 1 21.051475,3.312407 18,18 0 0 1 3.137312,21.078282" id="path852" style="fill:none;fill-opacity:1;stroke:#3050ff;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
|
||||||
|
<rect transform="rotate(-46.234709)" ry="1.8669105e-13" y="122.08995" x="3.7063529" height="39.963303" width="18.846331" id="rect912" style="opacity:1;fill:#3050ff;fill-opacity:1;stroke:none;stroke-width:8;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.5 KiB |
@ -1,10 +1,18 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="de-DE">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>tfld.de</title>
|
<title>tfld.de</title>
|
||||||
<link rel="stylesheet" href="mystyle.css">
|
<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">
|
||||||
|
<meta name="description" content="tfld.de stellt privatsphäre-orientierte und quelloffene Services und Tools zur Verfügung.">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||||
@ -14,7 +22,6 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-end">
|
<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>
|
<a class="navbar-item" href="https://tfld.de/privacy/">Datenschutz</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
@ -24,7 +31,7 @@
|
|||||||
<h1 class="title is-1">
|
<h1 class="title is-1">
|
||||||
tfld.de
|
tfld.de
|
||||||
</h1>
|
</h1>
|
||||||
<h3 class="subtitle is-3" style="padding-bottom: 40vh">
|
<h3 class="subtitle is-3 hero-subtitle">
|
||||||
tfld.de stellt privatsphäre-orientierte und quelloffene Services und Tools zur Verfügung.
|
tfld.de stellt privatsphäre-orientierte und quelloffene Services und Tools zur Verfügung.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
@ -38,10 +45,10 @@
|
|||||||
|
|
||||||
<div class="tile is-ancestor">
|
<div class="tile is-ancestor">
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<a href="https://max-hohlfeld.de/blog/xmpp/" target="_blank">
|
<a href="https://max-hohlfeld.de/blog/xmpp/" target="_blank" rel="noreferrer">
|
||||||
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
||||||
<div class="card-image">
|
<div class="card-image">
|
||||||
<img class="logo-image" src="./images/xmpp_logo.svg"/>
|
<img class="logo-image" alt="XMPP-Logo" src="./images/xmpp_logo.svg"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<h5 class="title is-5">
|
<h5 class="title is-5">
|
||||||
@ -53,10 +60,10 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<a href="https://git.tfld.de/" target="_blank">
|
<a href="https://git.tfld.de/" target="_blank" rel="noreferrer">
|
||||||
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
||||||
<div class="card-image">
|
<div class="card-image">
|
||||||
<img class="logo-image" src="./images/gitea_logo.svg"/>
|
<img class="logo-image" alt="Gitea-Logo" src="./images/gitea_logo.svg"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<h5 class="title is-5">
|
<h5 class="title is-5">
|
||||||
@ -68,16 +75,31 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="tile is-parent">
|
<div class="tile is-parent">
|
||||||
<a href="mumble://voice.tfld.de/?version=1.3.4" target="_blank">
|
<a href="mumble://voice.tfld.de/?version=1.3.4" target="_blank" rel="noreferrer">
|
||||||
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
||||||
<div class="card-image">
|
<div class="card-image">
|
||||||
<img class="logo-image" src="./images/mumble_logo.svg"/>
|
<img class="logo-image" alt="Mumble-Logo" src="./images/mumble_logo.svg"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<h5 class="title is-5">
|
<h5 class="title is-5">
|
||||||
Mumble
|
Mumble
|
||||||
</h5>
|
</h5>
|
||||||
Mumble ist eine freie Sprachkonferenzsoftware ähnlich wie Teamspeak.
|
Mumble ist eine freie Sprachkonferenzsoftware ähnlich Teamspeak.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="tile is-parent">
|
||||||
|
<a href="https://search.tfld.de" target="_blank" rel="noreferrer">
|
||||||
|
<div class="card tile is-child is-flex has-text-centered is-flex-direction-column">
|
||||||
|
<div class="card-image">
|
||||||
|
<img class="logo-image" alt="SearXNG-Logo" src="./images/searxng_logo.svg"/>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<h5 class="title is-5">
|
||||||
|
SearXNG
|
||||||
|
</h5>
|
||||||
|
SearXNG ist eine privatsphäre-respektierende, nach Belieben anpassbare Metasuchmaschine.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@ -89,7 +111,7 @@
|
|||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="content has-text-centered">
|
<div class="content has-text-centered">
|
||||||
<p>
|
<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" rel="noreferrer">Max Hohlfeld</a> with <a href="https://bulma.io" target="_blank" rel="noreferrer">Bulma</a>. Inspired by <a href="https://pussthecat.org" target="_blank" rel="noreferrer">pussthecat.org</a> and <a href="https://exonip.de" target="_blank" rel="noreferrer">exonip.de</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
BIN
public/mstile-144x144.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
public/mstile-150x150.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
public/mstile-310x150.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
public/mstile-310x310.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/mstile-70x70.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
11001
public/mystyle.css
@ -1,10 +1,18 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="de-DE">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>tfld.de</title>
|
<title>tfld.de</title>
|
||||||
<link rel="stylesheet" href="../mystyle.css">
|
<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">
|
||||||
|
<meta name="description" content="tfld.de stellt privatsphäre-orientierte und quelloffene Services und Tools zur Verfügung.">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||||
@ -14,22 +22,159 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-end">
|
<div class="navbar-end">
|
||||||
<a class="navbar-item" href="https://tfld.de/about/">Über</a>
|
|
||||||
<a class="navbar-item" href="#">Datenschutz</a>
|
<a class="navbar-item" href="#">Datenschutz</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title is-1">tfld.de</h1>
|
<h1 class="title is-1">Datenschutzerklärung</h1>
|
||||||
<h3 class="title is-3">Datenschutzerklärung</h3>
|
<div class="content">
|
||||||
|
<h2>Name und Kontaktdaten des Verantwortlichen</h2>
|
||||||
|
<p>
|
||||||
|
Max Hohlfeld<br/>
|
||||||
|
E-Mail: <a href="mailto:maxhohlfeld@posteo.de">maxhohlfeld@posteo.de</a><br/>
|
||||||
|
XMPP: <a href="xmpp:max@tfld.de">max@tfld.de</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Dienste und deren erhobene Daten</h2>
|
||||||
|
<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>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>
|
||||||
|
<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>
|
||||||
|
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" rel="noreferrer">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>
|
||||||
|
|
||||||
|
<h3>SearXNG</h3>
|
||||||
|
<p>
|
||||||
|
Bei der Nutzung von SearXNG fallen Verkehrsdaten des Browsers an. Davon werden jedoch nur protokolliert:
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="content has-text-centered">
|
<div class="content has-text-centered">
|
||||||
<p>
|
<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" rel="noreferrer">Max Hohlfeld</a> with <a href="https://bulma.io" target="_blank" rel="noreferrer">Bulma</a>. Inspired by <a href="https://pussthecat.org" target="_blank" rel="noreferrer">pussthecat.org</a> and <a href="https://exonip.de" target="_blank" rel="noreferrer">exonip.de</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
2
public/robots.txt
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow: /images/
|
35
public/safari-pinned-tab.svg
Normal file
@ -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>
|
After Width: | Height: | Size: 2.0 KiB |
19
public/site.webmanifest
Normal file
@ -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"
|
||||||
|
}
|
@ -2,12 +2,10 @@
|
|||||||
|
|
||||||
// colours
|
// colours
|
||||||
$eerie-black: #1B1B1B;
|
$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;
|
$light-green: #82CD7B;
|
||||||
|
|
||||||
// update bulma variables
|
// update bulma variables
|
||||||
@ -16,28 +14,36 @@ $text-strong: $white;
|
|||||||
$link: $light-green;
|
$link: $light-green;
|
||||||
$link-hover: $green;
|
$link-hover: $green;
|
||||||
|
|
||||||
|
$code: #ffcfaf;
|
||||||
|
$code-background: $eclipse-grey;
|
||||||
|
|
||||||
$body-background-color: $eerie-black;
|
$body-background-color: $eerie-black;
|
||||||
|
|
||||||
$card-color: $white;
|
$card-color: $white;
|
||||||
$card-header-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-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
|
// own styles
|
||||||
.hero-body {
|
.hero-body {
|
||||||
background-image: url(./images/hero_tea_field.jpeg);
|
background-image: url(./images/hero_tea_field.avif);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-subtitle {
|
||||||
|
padding-bottom: 40vh;
|
||||||
|
}
|
||||||
|
|
||||||
.logo-image {
|
.logo-image {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
min-height: 200px;
|
min-height: 200px;
|
||||||
@ -45,27 +51,21 @@ $footer-background-color: #3D3D3D;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
height: 450px;
|
height: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Import only what you need from Bulma
|
// 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"
|
||||||
|