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>
This commit is contained in:
Pirmin Hinderling (fedora)
2026-07-07 21:43:42 +02:00
parent b0ecdc6cfb
commit 417e1036be
2 changed files with 33 additions and 0 deletions
+22
View File
@@ -153,6 +153,28 @@ body {
margin: 0; 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 */ /* Cards */
.fk-card, .fk-card,
.category-tile, .category-tile,
+11
View File
@@ -20,4 +20,15 @@
<div id="home-results"> <div id="home-results">
{% include "claims/partials/category_list.html" %} {% include "claims/partials/category_list.html" %}
</div> </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 %} {% endblock %}