Cleanup: Backup-Dateien (.bak) entfernt
Dieser Commit ist enthalten in:
Claude Dev
@@ -1,199 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
@page { margin: 20mm 18mm 20mm 18mm; size: A4; @bottom-center { content: "Seite " counter(page) " von " counter(pages); font-size: 8pt; color: #888; } }
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body { font-family: -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 10.5pt; line-height: 1.55; color: #1a1a1a; }
|
||||
|
||||
/* Deckblatt */
|
||||
.cover { page-break-after: always; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 85vh; text-align: center; }
|
||||
.cover-logo { width: 80px; height: auto; margin-bottom: 30px; }
|
||||
.cover-title { font-size: 26pt; font-weight: 700; color: #0a1832; margin-bottom: 8px; }
|
||||
.cover-subtitle { font-size: 12pt; color: #666; margin-bottom: 40px; }
|
||||
.cover-type { font-size: 10pt; color: #888; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 6px; }
|
||||
.cover-classification { display: inline-block; font-size: 10pt; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 6px 24px; border: 2px solid; margin: 20px 0; }
|
||||
.cover-classification.offen { color: #22c55e; border-color: #22c55e; }
|
||||
.cover-classification.dienstgebrauch { color: #f0b429; border-color: #f0b429; }
|
||||
.cover-classification.vertraulich { color: #ef4444; border-color: #ef4444; }
|
||||
.cover-meta { font-size: 9pt; color: #888; margin-top: 40px; }
|
||||
.cover-meta div { margin-bottom: 3px; }
|
||||
.cover-brand { font-size: 9pt; color: #aaa; margin-top: 50px; letter-spacing: 1px; }
|
||||
|
||||
/* Classification Banner */
|
||||
.classification-banner { text-align: center; font-size: 8pt; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 3px 0; margin-bottom: 14px; }
|
||||
.classification-banner.offen { color: #22c55e; }
|
||||
.classification-banner.dienstgebrauch { color: #f0b429; }
|
||||
.classification-banner.vertraulich { color: #ef4444; }
|
||||
|
||||
/* Sections */
|
||||
.section { margin-bottom: 20px; }
|
||||
.section h2 { font-size: 14pt; font-weight: 700; color: #0a1832; border-bottom: 2px solid #c8a851; padding-bottom: 4px; margin-bottom: 12px; }
|
||||
.section h3 { font-size: 11pt; font-weight: 600; color: #0a1832; margin: 14px 0 6px; }
|
||||
|
||||
/* Executive Summary */
|
||||
.exec-summary { background: #f8f9fa; border-left: 4px solid #c8a851; padding: 16px 20px; margin-bottom: 20px; }
|
||||
.exec-summary ul { margin: 8px 0 0 18px; }
|
||||
.exec-summary li { margin-bottom: 6px; line-height: 1.6; }
|
||||
|
||||
/* Lagebild */
|
||||
.lagebild-content { line-height: 1.7; }
|
||||
.lagebild-content p { margin-bottom: 8px; }
|
||||
.lagebild-content strong { font-weight: 600; }
|
||||
.lagebild-content a { color: #1a5276; text-decoration: underline; }
|
||||
.lagebild-content ul, .lagebild-content ol { margin: 6px 0 6px 20px; }
|
||||
.lagebild-content li { margin-bottom: 3px; }
|
||||
|
||||
/* Tabellen */
|
||||
table { width: 100%; border-collapse: collapse; font-size: 9.5pt; margin-bottom: 14px; }
|
||||
.quellen-table { table-layout: fixed; font-size: 8pt; }
|
||||
th { background: #0a1832; color: #fff; text-align: left; padding: 6px 10px; font-weight: 600; font-size: 8.5pt; text-transform: uppercase; letter-spacing: 0.5px; }
|
||||
td { padding: 5px 10px; border-bottom: 1px solid #e0e0e0; }
|
||||
tr:nth-child(even) { background: #f8f9fa; }
|
||||
|
||||
/* Faktencheck */
|
||||
.fc-badge { display: inline-block; font-size: 7.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; padding: 2px 8px; border-radius: 3px; }
|
||||
.fc-confirmed { background: #d4edda; color: #155724; }
|
||||
.fc-disputed { background: #f8d7da; color: #721c24; }
|
||||
.fc-unconfirmed { background: #fff3cd; color: #856404; }
|
||||
|
||||
/* Timeline */
|
||||
.tl-item { padding: 4px 0; border-left: 2px solid #c8a851; padding-left: 12px; margin-bottom: 6px; }
|
||||
.tl-date { font-size: 8.5pt; color: #888; }
|
||||
.tl-title { font-size: 10pt; }
|
||||
.tl-source { font-size: 8pt; color: #aaa; }
|
||||
|
||||
/* Quellenverzeichnis */
|
||||
.source-ref { font-size: 7pt; color: #666; word-break: break-all; max-width: 350px; overflow: hidden; text-overflow: ellipsis; }
|
||||
|
||||
/* Footer */
|
||||
.report-footer { margin-top: 30px; padding-top: 10px; border-top: 1px solid #ddd; font-size: 8pt; color: #999; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Deckblatt -->
|
||||
<div class="cover">
|
||||
<img src="data:image/svg+xml;base64,{{ logo_base64 }}" class="cover-logo" alt="AegisSight">
|
||||
<div class="cover-type">{{ incident_type_label }}</div>
|
||||
<div class="cover-title">{{ incident.title }}</div>
|
||||
|
||||
<div class="cover-classification {{ classification }}">{{ classification_label }}</div>
|
||||
<div class="cover-meta">
|
||||
<div>Stand: {{ report_date }}</div>
|
||||
<div>Erstellt von: {{ creator }}</div>
|
||||
{% if incident.organization_name %}<div>Organisation: {{ incident.organization_name }}</div>{% endif %}
|
||||
</div>
|
||||
<div class="cover-brand">AegisSight Monitor</div>
|
||||
</div>
|
||||
|
||||
<!-- Classification Banner auf jeder Folgeseite -->
|
||||
<div class="classification-banner {{ classification }}">{{ classification_label }}</div>
|
||||
|
||||
<!-- Executive Summary -->
|
||||
<div class="section">
|
||||
<h2>Executive Summary</h2>
|
||||
<div class="exec-summary">
|
||||
{{ executive_summary | safe }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if scope in ('report', 'full') %}
|
||||
<!-- Faktencheck -->
|
||||
{% if fact_checks %}
|
||||
<div class="section">
|
||||
<h2>Faktencheck</h2>
|
||||
<table>
|
||||
<thead><tr><th>Behauptung</th><th>Status</th><th>Quellen</th></tr></thead>
|
||||
<tbody>
|
||||
{% for fc in fact_checks %}
|
||||
<tr>
|
||||
<td>{{ fc.claim or '' }}</td>
|
||||
<td><span class="fc-badge fc-{{ fc.status or 'unconfirmed' }}">{{ fc.status_label }}</span></td>
|
||||
<td>{{ fc.sources_count or 0 }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Quellenstatistik -->
|
||||
{% if source_stats %}
|
||||
<div class="section">
|
||||
<h2>Quellenstatistik</h2>
|
||||
<table>
|
||||
<thead><tr><th>Quelle</th><th>Artikel</th><th>Sprache</th></tr></thead>
|
||||
<tbody>
|
||||
{% for stat in source_stats %}
|
||||
<tr><td>{{ stat.name }}</td><td>{{ stat.count }}</td><td>{{ stat.languages }}</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- Lagebild -->
|
||||
<div class="section">
|
||||
<h2>Lagebild</h2>
|
||||
{% if lagebild_timestamp %}<p style="font-size:9pt;color:#888;margin-bottom:10px;">Aktualisiert: {{ lagebild_timestamp }}</p>{% endif %}
|
||||
<div class="lagebild-content">{{ lagebild_html | safe }}</div>
|
||||
</div>
|
||||
|
||||
<!-- Quellenverzeichnis -->
|
||||
{% if sources %}
|
||||
<div class="section">
|
||||
<h2>Quellenverzeichnis</h2>
|
||||
<table class="quellen-table">
|
||||
<thead><tr><th style="width:30px">#</th><th style="width:120px">Quelle</th><th>URL</th></tr></thead>
|
||||
<tbody>
|
||||
{% for src in sources %}
|
||||
<tr><td style="font-size:8pt">{{ loop.index }}</td><td style="font-size:8pt">{{ src.name or src.title or '' }}</td><td style="font-size:7pt;color:#666;word-break:break-all;line-height:1.3">{{ src.url or '' }}</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if scope == 'full' %}
|
||||
<!-- Timeline -->
|
||||
{% if timeline %}
|
||||
<div class="section" style="page-break-before:always;">
|
||||
<h2>Ereignis-Timeline</h2>
|
||||
{% for event in timeline %}
|
||||
<div class="tl-item">
|
||||
<div class="tl-date">{{ event.date }}</div>
|
||||
<div class="tl-title">{{ event.headline }}</div>
|
||||
<div class="tl-source">{{ event.source }}</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Artikelverzeichnis -->
|
||||
{% if articles %}
|
||||
<div class="section" style="page-break-before:always;">
|
||||
<h2>Artikelverzeichnis ({{ articles | length }} Artikel)</h2>
|
||||
<table>
|
||||
<thead><tr><th>Headline</th><th>Quelle</th><th>Sprache</th><th>Datum</th></tr></thead>
|
||||
<tbody>
|
||||
{% for art in articles %}
|
||||
<tr>
|
||||
<td>{{ art.headline_de or art.headline or 'Ohne Titel' }}</td>
|
||||
<td>{{ art.source or '' }}</td>
|
||||
<td>{{ (art.language or 'de') | upper }}</td>
|
||||
<td>{{ art.pub_date }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="report-footer">
|
||||
Erstellt mit AegisSight Monitor — aegis-sight.de — {{ report_date }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren