From 417e1036be3f633203ccdb5ec405bdeaadef3af9 Mon Sep 17 00:00:00 2001
From: "Pirmin Hinderling (fedora)" <pirmin-fedora@p0k.de>
Date: Tue, 7 Jul 2026 21:43:42 +0200
Subject: [PATCH] Add project mission section to the home page.

Explains under Warum diese Seite? that Faktenkompass collects answers and evidence for common arguments.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 static/css/custom.css      | 22 ++++++++++++++++++++++
 templates/claims/home.html | 11 +++++++++++
 2 files changed, 33 insertions(+)

diff --git a/static/css/custom.css b/static/css/custom.css
index ddcd001..ea147ef 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -153,6 +153,28 @@ body {
     margin: 0;
 }
 
+.fk-about {
+    border-top: 1px solid var(--fk-border);
+}
+
+.fk-about-title {
+    font-size: 1rem;
+    font-weight: 600;
+    margin: 0 0 0.75rem;
+    letter-spacing: -0.02em;
+}
+
+.fk-about-body {
+    padding: 1rem 1.125rem;
+}
+
+.fk-about-body p {
+    margin: 0;
+    font-size: 0.9rem;
+    line-height: 1.6;
+    color: var(--fk-muted);
+}
+
 /* Cards */
 .fk-card,
 .category-tile,
diff --git a/templates/claims/home.html b/templates/claims/home.html
index 2c325e3..e2333b3 100644
--- a/templates/claims/home.html
+++ b/templates/claims/home.html
@@ -20,4 +20,15 @@
 <div id="home-results">
     {% include "claims/partials/category_list.html" %}
 </div>
+
+<section class="fk-about mt-5 pt-4" aria-labelledby="fk-about-heading">
+    <h2 class="fk-about-title" id="fk-about-heading">Warum diese Seite?</h2>
+    <div class="fk-card fk-about-body">
+        <p>
+            Faktenkompass ist eine Datenbank mit Antworten und Belegen zu typischen Argumenten,
+            die man immer wieder hört. Die Idee: In einer Diskussion schnell die passende Grafik
+            oder die richtige Zahl parat zu haben – fundiert, nachvollziehbar und mit Quellen.
+        </p>
+    </div>
+</section>
 {% endblock %}