WIP: Port /suggest to formj

.circleci/config.yml

@@ -3,7 +3,7 @@ version: 2.1
 executors:
   docker_cypress:
     docker:
-      - image: cypress/base:14.17.0
+      - image: cypress/base:14.18.1
 
 jobs:
   # Circle's "Auto-cancel redundant builds" feature doesn't work on the default branch. When merging PRs on data, this
@@ -22,8 +22,8 @@ jobs:
     executor: docker_cypress
     resource_class: large
     environment:
-        HUGO_VERSION: '0.139.0'
-        HUGO_BINARY: hugo_extended_0.139.0_linux-amd64
+        HUGO_VERSION: '0.140.0'
+        HUGO_BINARY: hugo_extended_0.140.0_linux-amd64
     steps:
       - run:
           command: |
@@ -51,8 +51,8 @@ jobs:
       executor: docker_cypress
       resource_class: large
       environment:
-        HUGO_VERSION: '0.139.0'
-        HUGO_BINARY: hugo_extended_0.139.0_linux-amd64
+        HUGO_VERSION: '0.140.0'
+        HUGO_BINARY: hugo_extended_0.140.0_linux-amd64
       steps:
         - run:
             command: |
@@ -72,7 +72,7 @@ jobs:
               yarn cypress verify
               hugo server --baseURL "http://localhost" --disableFastRender --minify &
               # Wait for server to deploy before continuing (with 1 minute timeout)
-              yarn wait-on tcp:1314 -t 120000
+              yarn wait-on "http://localhost:1314/generator/" -t 240000
               # Only record the Cypress tests if the Cypress env var is set, see:
               # https://stackoverflow.com/a/13864829
               if [ -z ${CYPRESS_RECORD_KEY+x} ]; then yarn cypress run; else yarn cypress run --record; fi

.eslintrc.js

@@ -1,5 +1,3 @@
-const path = require('path');
-
 module.exports = {
     parser: '@typescript-eslint/parser',
     env: {
@@ -90,18 +88,21 @@ module.exports = {
     globals: {
         Atomics: 'readonly',
         SharedArrayBuffer: 'readonly',
-        BASE_URL: 'readonly',
-        LOCALE: 'readonly',
-        SUPPORTED_LANGUAGES: 'readonly',
-        SUPPORTED_COUNTRIES: 'readonly',
 
-        // defined in `src/general.js`
+        // defined by included scripts (`translations-<lang>.gen.js` and `translations-requests.gen.js`)
         I18N_DEFINITION: 'readonly',
         I18N_DEFINITION_REQUESTS: 'readonly',
+
+        // defined in `src/general.js`
         PARAMETERS: 'readonly',
 
-        // defined in `webpack.common.js`
-        CODE_VERSION: 'readonly',
+        // defined in `scripts.html`
+        SUPPORTED_COUNTRIES: 'readonly',
+        LOCALE: 'readonly',
+        SUPPORTED_LANGUAGES: 'readonly',
+        BASE_URL: 'readonly',
+        hugoDevMode: 'readonly',
+        PDF_WORKER_URL: 'readonly',
     },
     settings: {
         react: {
@@ -146,6 +147,5 @@ module.exports = {
         },
         // The Preact config includes Jest rules but we don't have Jest installed. This stops them from complaining.
         jest: { version: 'n/a' },
-        'import/resolver': { webpack: { config: path.resolve(__dirname, 'webpack.common.js') } },
     },
 };

.nvmrc

@@ -1 +1 @@
-14.17.0
+14.18.1

ATTRIBUTION

@@ -1,6 +1,8 @@
 # This file contains a list of libraries and other external contributions used in this repository (that end up in the release build in some way or another). When including new dependencies, be sure to include them here. Please try to stick to the format used by the other entries. The list is sorted alphabetically by the name of the dependency.
 # The direct contributors to this repository are listed in the AUTHORS file.
 
+AJV TODO
+
 Autocomplete.js by Algolia, Inc. ([MIT License](https://github.com/algolia/autocomplete.js/blob/master/LICENSE))
 https://github.com/algolia/autocomplete.js
 
@@ -73,6 +75,9 @@ https://github.com/google/roboto
 Spartan MB by Matt Bailey ([OFL 1.1](https://github.com/MattBaileyDesign/Spartan-MB/blob/V-1.006/OFL.txt))
 https://github.com/MattBaileyDesign/Spartan-MB
 
+slugify by Sindre Sorhus ([MIT License](https://github.com/sindresorhus/slugify/blob/main/license))
+https://github.com/sindresorhus/slugify
+
 SpinKit by Tobias Ahlin ([MIT License](https://github.com/tobiasahlin/SpinKit/blob/master/LICENSE))
 https://github.com/tobiasahlin/SpinKit
 

README.md

@@ -15,10 +15,10 @@ Datenanfragen.de is designed as a static website, running on [Hugo](https://gohu
 
 To build the project locally for development, follow these steps:
 
-1. Install [Yarn 1](https://classic.yarnpkg.com/en/docs/install) (Classic) and the extended(!) version of [Hugo](https://gohugo.io/getting-started/quick-start/) (v0.88.1).
+1. Install [Yarn 1](https://classic.yarnpkg.com/en/docs/install) (Classic) and the extended(!) version of [Hugo](https://gohugo.io/getting-started/quick-start/) (v0.140.0).
 2. Clone the repo and run `yarn` in the root directory of the repo to fetch all required dependencies.
 3. Run the deploy script (`./deploy.sh`) to fetch and prepare the required resources from our [data](https://github.com/datenanfragen/data) repository.
-4. Open two terminal windows. In the first, run `yarn dev` to start the Webpack file watcher, which will automatically build the JS files. In the second one, run `hugo server` to have Hugo continuously build the actual website and the SCSS.
+4. Open two terminal windows. In the first, run `yarn dev` to start the translations file watcher, which will automatically build the translations files. In the second one, run `hugo server` to have Hugo continuously build the actual website and the SCSS.
 5. Now the website should be served by Hugo on multiple ports, starting from `1313`, for the different language versions.
 
 We recommend building and developing on Linux or macOS. If you are on Windows, use WSL.

_headers

@@ -1,6 +1,5 @@
 /*
   X-Frame-Options: DENY
-  X-XSS-Protection: 1; mode=block
   X-Content-Type-Options: nosniff
   Strict-Transport-Security: max-age=63072000; includeSubDomains; preload
   Referrer-Policy: no-referrer

assets/styles/elements.scss

@@ -1351,6 +1351,10 @@ details.footnote {
     background-color: color('red', 300);
     color: color('red', 900);
 }
+.badge-gray {
+    background-color: color('gray', 300);
+    color: color('gray', 900);
+}
 
 /* ReinderWidget */
 

assets/styles/framework.scss

@@ -216,6 +216,23 @@ a:focus {
     color: color('teal', 800);
 }
 
+a.primary-link {
+    /* stylelint-disable scss/at-extend-no-missing-placeholder */
+    @extend .no-link-decoration;
+    /* stylelint-enable scss/at-extend-no-missing-placeholder */
+
+    &,
+    &:visited {
+        color: $primary-color;
+    }
+
+    &:active,
+    &:focus,
+    &:hover {
+        color: color('blue', 900);
+    }
+}
+
 main a {
     overflow-wrap: anywhere;
 

components-package/src/index.ts

@@ -4,7 +4,6 @@ import type { I18nLanguage } from '../../src/types/globals';
 
 import { supported_countries } from './generated/globals.json';
 
-import { version } from '../package.json';
 import i18n_definition_de from '../../src/i18n/de.json';
 import i18n_definition_en from '../../src/i18n/en.json';
 import i18n_definition_fr from '../../src/i18n/fr.json';
@@ -51,9 +50,6 @@ export const setupWindow = ({
     // @ts-ignore
     window.BASE_URL = languages[locale].base_url;
 
-    // @ts-ignore
-    window.CODE_VERSION = version;
-
     // @ts-ignore
     window.SUPPORTED_COUNTRIES = supported_countries || [];
 

config/_default/config.toml

@@ -19,3 +19,16 @@ hint = "picture"
 
 [params]
 mainSections = ['blog']
+
+# Mount the `src` dir to `assets/js` so that Hugo Pipes can find it. To do so, we need to recreate the default `assets`
+# mount, which would otherwise be lost.
+[mounts]
+  [[module.mounts]]
+    source = 'assets'
+    target = 'assets'
+  [[module.mounts]]
+    source = 'src'
+    target = 'assets/js'
+
+[build]
+  noJSConfigInAssets = true

content/cs/suggest.md

@@ -15,7 +15,16 @@ If you have any suggestions that cannot be handled through this form or that you
 {{< loadingIndicator >}}
 
 <div id="suggest-form">
-<button id="submit-suggest-form" class="button button-primary">Submit <span class="icon icon-arrow-right"></span></button><div class="clearfix"></div>
+<div id="brutusin-form"></div>
+
+<hr>
+
+Do you have any further comments or notes that we should take into account when reviewing your suggestion? If so, you can share them with us here.
+
+<label for="comment" class="sr-only">Additional comments</label>
+<textarea id="comment" class="form-element" rows="5"></textarea>
+
+<button id="submit-suggest-form" class="button button-primary">Publish <span class="icon icon-arrow-right"></span></button><div class="clearfix"></div>
 </div>
 
 By submitting this form, you agree for your contributions to be published in our company database and license them under a [CC0 license](https://creativecommons.org/publicdomain/zero/1.0), which allows anyone to use them without restrictions.

content/de/act/ada-health/index.md

@@ -5,7 +5,8 @@
     "tags": [ "ada health", "gesundheitsdaten", "app", "datenlöschung", "vergessenwerden" ],
     "featured_image": "ada-health",
     "authors": [ "baltpeter" ],
-    "notices": "Titelfoto angepasst nach: „[assorted-color syringes on clear glass rack](https://unsplash.com/photos/zsKFQs2kDpM)“ von [Ibrahim Boran](https://unsplash.com/@ibrahimboran) ([Unsplash-Lizenz](https://unsplash.com/license))"
+    "notices": "Titelfoto angepasst nach: „[assorted-color syringes on clear glass rack](https://unsplash.com/photos/zsKFQs2kDpM)“ von [Ibrahim Boran](https://unsplash.com/@ibrahimboran) ([Unsplash-Lizenz](https://unsplash.com/license))",
+    "discussedCompanies": [ "ada-health" ]
 }
 
 Die App *Ada Health* stellt sich auf ihrer [Webseite](https://ada.com/de/) als „Deine Gesundheitshelferin” vor. Per interaktivem Chat können Nutzer_innen der App die Symptome ihrer Krankheiten mitteilen, welche diese dann verwendet um mögliche Ursachen zu vermuten und Ratschläge für die nächsten Schritte zu geben. Die Diagnose kann sogar direkt an die eigene Ärzt_in weitergeleitet werden.

content/de/act/boniversum-uebernahme-infoscore/index.md

@@ -0,0 +1,47 @@
+{
+    "title": "Übernahme durch Experian: Creditreform Boniversum GmbH mit infoscore Consumer Data GmbH verschmolzen",
+    "type": "act",
+    "date": "2025-11-17T16:28:00+02:00",
+    "tags": [ "creditreform boniversum", "infoscore consumer data", "experian", "auskunftei", "auskunftsanfrage" ],
+    "featured_image": "uebernahme-von-boniversum-durch-infoscore-experian",
+    "authors": [ "baltpeter" ],
+    "notices": "Titelfoto angepasst nach: „[Datacenter, Bigdata, Computer science image](https://pixabay.com/photos/datacenter-bigdata-computer-science-2803200/)“ von [foudefoot60](https://pixabay.com/users/foudefoot60-6589702/) ([Pixabay-Lizenz](https://pixabay.com/service/license-summary/))",
+    "discussedCompanies": [ "infoscore" ]
+}
+
+Die Creditreform Boniversum GmbH (zuletzt Boniversum GmbH) wurde von Experian, einer weltweit tätigen Dienstleisterin für Risiko-, Fraud- und Identitäts-Management mit Hauptsitz in Irland, übernommen. Creditreform ist ein Wirtschaftsinformations- und Inkassounternehmen, das mit Boniversum eine der größten Wirtschaftsauskunfteien für Privatpersonen in Deutschland betrieben hat. Nachdem Experian und Creditreform bereits seit mehreren Jahren [zusammenarbeiteten](https://www.handelsblatt.com/finanzen/banken-versicherungen/wirtschaftsauskunftei-datendienst-experian-uebernimmt-schufa-konkurrenten-boniversum/100109825.html), wurde im Rahmen einer im März 2025 angekündigten Partnerschaft nun eine nicht näher spezifizierte „[Technologie- und Datenallianz](https://www.experian.de/events-and-insights/2025/03/04/experian-beginnt-strategische-partnerschaft/)“ zwischen beiden Unternehmen eingegangen, die „eine in ihrer Qualität einzigartige Datenbasis für die Identitätsprüfung und Risikobewertung schaffen“ soll.
+
+{{< featuredImg alt="Stylisiertes blautöniges Foto von Computern in einem Datenzentrum, darüber der Text: „Übernahme von Boniversum durch infoscore/Experian“" >}}
+
+Teil dieser Partnerschaft ist auch die [Übernahme von Boniversum durch Experian](https://www.lto.de/recht/kanzleien-unternehmen/k/experian-creditreform-strategische-partnerschaft-uebernahme-boniversum). Die Verschmelzung der Boniversum GmbH mit der infoscore Consumer Data GmbH, einer weiteren Auskunftei und Teil der Experian-Gruppe, wurde im September 2025 im [Handelsregister](https://www.northdata.de/?id=4761284597514240) [eingetragen](https://www.northdata.de/?id=4887812606001152). Anfragen zu den gespeicherten Daten solltest Du also ab sofort an die infoscore Consumer Data GmbH [richten](https://www.creditreform.de/solingen/aktuelles-wissen/pressemeldungen-fachbeitraege/news-details/show/wichtig-fuer-alle-boniversum-kunden-anpassung-in-ihren-agb-noetig).
+
+## Um welche Daten geht es?
+
+Auskunfteien wie Boniversum, infoscore und die Schufa sammeln sog. Bonitätsdaten über Verbraucher_innen, die Auskunft über ihre Zahlungsfähigkeit geben sollen und zur Identitätsprüfung genutzt werden. Solche Daten haben direkte Auswirkungen auf Deinen Alltag: Auf ihrer Basis entscheiden Unternehmen wie Banken und Online-Shops etwa, ob Du einen Kredit bekommst, einen Mobilfunkvertrag abschließen kannst oder auf Rechnung bestellen darfst.
+
+Laut einer Antwort auf eine Auskunftsanfrage aus dem Jahr 2023 hat die Creditreform Boniversum GmbH unter anderem folgende Datenkategorien gesammelt:
+
+* Bekannte Adresse(n)
+* Öffentliche Negativmerkmale (z. B. Insolvenzverfahren oder Nichtabgabe der Vermögensauskunft)
+* Mahn- und Inkassoverfahren
+* Positive und negative Zahlungsinformationen (z. B. Zahlungsrückstände)
+
+Zudem berechnete Boniversum Bonitätsscores, welche Aussagen darüber treffen sollen, wie wahrscheinlich es ist, dass eine Person ihren Zahlungsverpflichtungen nachkommt.
+
+Ziel von Auskunfteien ist es, für ihre Unternehmenskundinnen Profile zu möglichst vielen Menschen bereitzuhalten. Daher ist es gut möglich, dass Bonitätsdaten zu Dir bei Boniversum vorhanden waren und nun in Systemen von Experian bzw. der infoscore Consumer Data GmbH weiterverarbeitet werden. Ob dem so ist, welche Daten konkret gespeichert sind und welche Scores für Dich berechnet werden, kannst Du mit einer {{< link slug="your-gdpr-rights" text="Auskunftsanfrage" >}} bei infoscore herausfinden. Das Unternehmen ist verpflichtet, Deine Anfrage kostenlos zu beantworten.
+
+Wir möchten Dich dabei unterstützen, dieses Recht wahrzunehmen. Wir sind ein gemeinnütziger Verein, der sich {{< link slug="verein/mission-statement" text="für Dein Recht auf Datenschutz einsetzt" >}}. Wir haben eine Auskunftsanfrage vorbereitet, die Du an die infoscore Consumer Data GmbH schicken kannst. Dafür musst Du nur Deinen Namen, Dein Geburtsdatum, Deine Adresse und ggf. Voranschriften der letzten Jahre eintragen.
+
+<div class="act-widget" style="max-width: 600px; margin: auto;"></div>
+{{< noScript "noscript-actwidget" >}}
+<script>
+window.addEventListener('load', function() { window.renderActWidget({
+    requestTypes: ['access'],
+    transportMedium: 'email',
+    company: 'infoscore'
+}); });
+</script>
+
+Die Anfrage verschickst Du dann als E‑Mail selbst mit Deinem E‑Mail‑Programm. So stellen wir sicher, dass wir Deine eingegebenen Daten gar nicht erst zu sehen bekommen: Alles, was Du hier auf der Seite einträgst, wird nur lokal auf Deinem Rechner verarbeitet und nicht an uns übertragen.
+
+Nach Eingang Deiner Anfrage hat das Unternehmen grundsätzlich einen Monat Zeit, Dir zu antworten.

content/de/act/deliveroo.md

@@ -3,7 +3,8 @@
 	"type": "act",
     "date": "2019-09-15T12:31:47+02:00",
     "tags": [ "deliveroo", "deutschland", "schließung", "datenlöschung", "vergessenwerden" ],
-    "authors": [ "baltpeter" ]
+    "authors": [ "baltpeter" ],
+    "discussedCompanies": [ "deliveroo" ]
 }
 
 Der Essenslieferant *Deliveroo* hat sich [im August 2019 aus dem deutschen Markt zurückgezogen](https://www.tagesschau.de/wirtschaft/deliveroo-abschied-deutschland-101.html). Was übrig bleibt, sind die Kundenkonten und die damit verbundenen Daten.
@@ -24,7 +25,7 @@ Dabei können wir Dir helfen. Wir sind ein gemeinnütziger Verein, der sich {{<
 window.addEventListener('load', function() { window.renderActWidget({
     requestTypes: ['erasure'],
     transportMedium: 'email',
-    company: 'deliveroo-de'
+    company: 'deliveroo'
 }); });
 </script>
 

content/de/act/deutsche-wohnen/index.md

@@ -5,7 +5,8 @@
     "tags": [ "deutsche wohnen", "bußgeld", "datenschutzverstoß", "auskunftsanfrage", "selbstauskunft" ],
     "featured_image": "deutsche-wohnen",
     "authors": [ "baltpeter" ],
-    "notices": "Titelfoto angepasst nach: „[top-view photography of houses](https://unsplash.com/photos/7lvzopTxjOU)“ von [Tom Rumble](https://unsplash.com/@tomrumble) ([Unsplash-Lizenz](https://unsplash.com/license))"
+    "notices": "Titelfoto angepasst nach: „[top-view photography of houses](https://unsplash.com/photos/7lvzopTxjOU)“ von [Tom Rumble](https://unsplash.com/@tomrumble) ([Unsplash-Lizenz](https://unsplash.com/license))",
+    "discussedCompanies": [ "deutsche-wohnen" ]
 }
 
 Die Deutsche Wohnen SE ist eines der größten Immobilienunternehmen in Deutschland. [Nach eigenen Angaben](https://www.deutsche-wohnen.com/ueber-uns/unternehmen/unternehmensprofil/) verwaltet sie mehr als 150.000 Immobilien in Deutschland. Dementsprechend kommt das Unternehmen aus Berlin in Kontakt mit den Daten zahlreicher Mieter_innen.

content/de/act/drk-brandenburg-datenleck/index.md

@@ -5,7 +5,8 @@
     "tags": [ "deutsches rotes kreuz", "drk", "gesundheitsdaten", "sensible daten", "datenleck" ],
     "featured_image": "drk-brandenburg-datenleck",
     "authors": [ "baltpeter" ],
-    "notices": "Titelfoto angepasst nach: „[red vehicle in timelapse](https://unsplash.com/photos/vGu08RYjO-s)“ von [camilo jimenez](https://unsplash.com/@coolmilo) ([Unsplash-Lizenz](https://unsplash.com/license))"
+    "notices": "Titelfoto angepasst nach: „[red vehicle in timelapse](https://unsplash.com/photos/vGu08RYjO-s)“ von [camilo jimenez](https://unsplash.com/@coolmilo) ([Unsplash-Lizenz](https://unsplash.com/license))",
+    "discussedCompanies": [ "drk-brandenburg" ]
 }
 
 Das Deutsche Rote Kreuz (DRK) Brandenburg hat über mehrere Jahre sensible Gesundheitsdaten von Patient_innen kaum geschützt auf einem Server abgelegt. Hacker hätten einfach auf diese sensiblen Daten zugreifen und sie sogar manipulieren können. Betroffen sind Daten zu mehr als 111.000 Einsatzfahrten des DRK für über 30.000 Patient_innen aus den letzten 12 Jahren.

content/de/act/honey/index.md

@@ -7,7 +7,8 @@
     "featured_image": "honey.jpg",
     "authors": [ "malte", "baltpeter" ],
     "notices": "Titelfoto angepasst nach: „[Busy bees](https://unsplash.com/photos/StEaRc1xQV4)“ von [Boba Jaglicic](https://unsplash.com/@bobajaglicic) ([Unsplash-Lizenz](https://unsplash.com/license))",
-    "has_sva_finder": true
+    "has_sva_finder": true,
+    "discussedCompanies": [ "joinhoney" ]
 }
 
 In unserer {{< link slug="blog/honey-data-collection" text="Recherche zu Honey" >}} haben wir aufgedeckt, dass die Browser-Erweiterung reichlich Daten zu Ihren Nutzer_innen sammelt. Unabhängig davon, ob ein Account angelegt wurde oder nicht, protokolliert das Add-on fleißig alle Aufrufe zahlreicher Webseiten und sendet sie an den Betreiber, die {{< link slug="company/joinhoney" text="Honey Science LLC" >}}, ein US-Unternehmen, das vom Bezahlanbieter [PayPal gekauft wurde](https://help.joinhoney.com/article/302-what-does-honey-joining-paypal-mean-for-members).