Website part 6

Makefile

@@ -21,4 +21,7 @@ lint:
 	docker run --rm -v "$$(pwd):/workdir" davidanson/markdownlint-cli2:latest
 
 lint-fix:
-	docker run --rm --user "$$(id -u):$$(id -g)" -v "$$(pwd):/workdir" davidanson/markdownlint-cli2:latest --fix
+	docker run --rm --user "$$(id -u):$$(id -g)" -v "$$(pwd):/work-dir" davidanson/markdownlint-cli2:latest --fix
+
+quant:
+	-find docs -name "*.png" -exec pngquant --force --ext .png --quality 65-80 {} +

docs/de/index.md

@@ -1,18 +1,31 @@
 # News Deframer
 
-Der "News Deframer" ist ein sprachliches Analysetool, für alle Ihre präferierten Nachrichtenseiten. Es springt in die Rolle eines neutralen Berichterstatters und untersucht die in den vorhandenen Nachrichten benutzte Sprache auf journalistische Standards.
-
-Die Anwendung hat zweit Komponenten. Sie ist ein **RSS-Feed-Proxy** und ein **Browser-Plugin** Nachrichten Feeds werden analysiert und es wird ein „Framing-Score“ erstellt. Dieser hilft dann dem Nutzer zu entscheiden, ob ein Artikel lesenswert ist, oder ob man ihn besser vermeiden sollte.
+Der "News Deframer" ist ein sprachliches Analysetool, für alle Ihre präferierten Nachrichtenseiten. Mit Hilfe von LLMs analysiert es die Nachrichten Schlagzeilen. Die Anwendung besitzt zwei Verwendungsmöglichkeiten: einen **RSS-Feed-Proxy** und ein **Browser-Plugin**.
 
 > **Hinweis:** Wir suchen einen [Sponsor](sponsors.md), um dieses Projekt in den USA zu hosten.
 
+## Wir ersetzen die Portalseite
+
+Ein Werbeblocker blockiert Werbung, die Sie nicht wollen. Der News Deframer neutralisiert die mentale Wirkung von Clickbait, indem er die Portalseite jedes großen Nachrichtennetzwerks durch neutrale Sprache ersetzt.
+
+Ein Wert von 50% oder höher deutet auf signifikantes Framing durch Sprache hin. Mit anderen Worten: Sehr wahrscheinlich versucht ein geschulter Journalist Sie mit Worte zu manipulieren. Der Titel oder die Beschreibung ist Clickbait, Framing, Reizüberflutung oder dient einer Agenda.
+
+| | |
+| :---: | :---: |
+| **Apollo News** | **Heise** |
+| <img src="/assets/screenshots/portal/apollo-news.png" alt="Apollo News" width="500"/> | <img src="/assets/screenshots/portal/heise.png" alt="Heise" width="500"/> |
+| **BBC** | **Tagesschau** |
+| <img src="/assets/screenshots/portal/bbc.png" alt="BBC" width="500"/> | <img src="/assets/screenshots/portal/tagesschau.png" alt="Tagesschau" width="500"/> |
+| **Spiegel** | **NY Times** |
+| <img src="/assets/screenshots/portal/spiegel.png" alt="Spiegel" width="500"/> | <img src="/assets/screenshots/portal/nytimes.png" alt="NY Times" width="500"/> |
+
 ## Was dieses Projekt ist und was nicht
 
 - Es handelt sich **nicht** um einen Fake-News-Detektor! Es findet keine inhaltliche Überprüfung der Nachrichten statt.
 - Dieses Projekt verwendet ein LLM, das als neutraler Journalist operiert, um Inhalte auf Voreingenommenheit zu prüfen und die Einhaltung neutraler Sprache zu analysieren.
 - Wir verwenden offene [Prompts](https://github.com/deframer/news-deframer/blob/main/pkg/think/prompts) die auf jedem LLM ausgeführt werden können.
 
-Warum ist eine Sprachanalyse geboten und effektiv?
+## Warum ist eine Sprachanalyse geboten und effektiv
 
 - Wir möchten dabei helfen, die emotionale Wirkung von Schlagzeilen zu vermindern.
 - Desinformation und Spekulation beruhen oft auf "Dark Patterns, Clickbait und emotionalen Triggern".

docs/en/index.md

@@ -1,18 +1,31 @@
 # News Deframer
 
-News Deframer will detect journalistic neutrality and framing in news articles. By leveraging Large Language Models (LLMs), it analyzes the headlines and bodies.
-
-It is implemented as dual use. It can act as an **RSS Feed Proxy** or as a **browser plugin** to provide a "framing score" and context, helping users decide if an article is worth reading or if it is heavily biased.
+News Deframer will detect journalistic neutrality and framing in news articles. By leveraging Large Language Models (LLMs), it analyzes the news headlines. It can act as an **RSS Feed Proxy** or as a **browser plugin**.
 
 > **Note:** We are looking for a [Sponsor](sponsors.md) to host this project in the US.
 
+## We replace the portal page
+
+An Ad-Blocker blocks ads you don't want. The News Deframer vaporizes the mental impact of clickbait by replacing the portal page of any major news network with neutral language.
+
+A score of 50% or higher suggests significant bias. In other words: A trained professional journalist is using words to mess with you. The title or description is clickbait, framing, hyper stimulus or pushing an agenda.
+
+| | |
+| :---: | :---: |
+| **Apollo News** | **Heise** |
+| <img src="/assets/screenshots/portal/apollo-news.png" alt="Apollo News" width="500"/> | <img src="/assets/screenshots/portal/heise.png" alt="Heise" width="500"/> |
+| **BBC** | **Tagesschau** |
+| <img src="/assets/screenshots/portal/bbc.png" alt="BBC" width="500"/> | <img src="/assets/screenshots/portal/tagesschau.png" alt="Tagesschau" width="500"/> |
+| **Spiegel** | **NY Times** |
+| <img src="/assets/screenshots/portal/spiegel.png" alt="Spiegel" width="500"/> | <img src="/assets/screenshots/portal/nytimes.png" alt="NY Times" width="500"/> |
+
 ## What this project is and is not
 
 - This is **not** a fake news detector!
 - This project uses an LLM acting as a neutral journalist to analyze content for bias and adherence to neutral language.
 - We use open transparent [prompts](https://github.com/deframer/news-deframer/blob/main/pkg/think/prompts) that can be run on any LLM.
 
-Why is language analysis effective?
+## Why is language analysis effective
 
 - We aim to help you avoid engaging with questionable headlines.
 - Misinformation and speculation often rely on dark patterns, clickbait, and emotional triggers.