Kitos
96fdd9fa85
Introduce quarterly_summary and technique_detail Jinja layouts; use SVG logo asset across report covers.
73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="styles/report.css">
|
|
<title>Quarterly Summary — {{ company_name }}</title>
|
|
</head>
|
|
<body>
|
|
<section class="cover-page">
|
|
<img src="assets/logo.svg" class="logo" alt="Logo">
|
|
<h1>Quarterly Security Summary</h1>
|
|
<h2>{{ quarter_label }}</h2>
|
|
<p class="date">{{ generated_at }}</p>
|
|
<p class="classification">{{ classification | default('INTERNAL') }}</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>1. Quarter Overview</h2>
|
|
<div class="stats-grid">
|
|
<div class="stat">
|
|
<span class="number">{{ tests_this_quarter }}</span>
|
|
<span class="label">Tests Executed</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="number">{{ org_score.overall | default(0) }}%</span>
|
|
<span class="label">Org Score</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="number">{{ detection_rate }}%</span>
|
|
<span class="label">Detection Rate</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>2. Coverage Trend</h2>
|
|
<table class="data-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Validated</th>
|
|
<th>Total Techniques</th>
|
|
<th>Org Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for row in trend_rows %}
|
|
<tr>
|
|
<td>{{ row.date }}</td>
|
|
<td>{{ row.validated_count }}</td>
|
|
<td>{{ row.total_techniques }}</td>
|
|
<td>{{ row.organization_score }}%</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>3. Top Gaps</h2>
|
|
<ul>
|
|
{% for gap in top_gaps %}
|
|
<li><strong>{{ gap.tactic }}</strong>: {{ gap.coverage_pct }}% coverage</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>{{ company_name }} — Confidential</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|