73 lines
3.1 KiB
HTML
73 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ T.lang or 'de' }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ T.live_intro_title }}</title>
|
|
<style>
|
|
body { font-family: Helvetica, Arial, sans-serif; color: #0f172a; font-size: 10.2px; line-height: 1.4; margin: 0; }
|
|
.hero { background: #eef4ff; border: 1px solid #cbd9f6; border-left: 4px solid #3056a3; padding: 8px 10px; margin-bottom: 8px; }
|
|
.title { margin: 0; font-size: 17px; color: #233f7a; font-weight: bold; }
|
|
.sub { margin: 2px 0 0 0; color: #475569; font-size: 9.4px; }
|
|
.section { margin-top: 9px; font-size: 11px; color: #233f7a; font-weight: bold; border-bottom: 1px solid #cbd9f6; padding-bottom: 2px; }
|
|
table { width: 100%; border-collapse: collapse; margin: 6px 0; }
|
|
th, td { border: 1px solid #d5e2f9; padding: 4px 6px; vertical-align: top; overflow-wrap: anywhere; word-break: break-word; }
|
|
th { background: #eaf1ff; color: #1f376b; font-weight: bold; text-align: left; width: 26%; }
|
|
.opt-card { border: 1px solid #d5e2f9; margin-top: 6px; margin-bottom: 6px; }
|
|
.opt-title { background: #3056a3; color: #fff; font-weight: bold; padding: 5px 6px; font-size: 9.5px; }
|
|
.opt-grid { width: 100%; border-collapse: collapse; margin: 0; }
|
|
.opt-grid td { border: 1px solid #d5e2f9; padding: 5px 6px; font-size: 9.4px; width: 50%; }
|
|
.selected-mark { font-weight: bold; margin-right: 8px; color: #111827; }
|
|
.note-box { border: 1px solid #d5e2f9; background: #fcfdff; padding: 8px 10px; margin-top: 8px; min-height: 44px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="hero">
|
|
<h1 class="title">{{ T.live_intro_title }}</h1>
|
|
<p class="sub">{{ T.live_intro_sub }}</p>
|
|
</div>
|
|
|
|
<div class="section">{{ T.base_data }}</div>
|
|
<table>
|
|
<tr>
|
|
<th>{{ T.name }}</th>
|
|
<td>{{ DISPLAY_NAME }}</td>
|
|
<th>{{ T.department }}</th>
|
|
<td>{{ ABTEILUNG }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ T.job_title }}</th>
|
|
<td>{{ BERUFSBEZEICHNUNG }}</td>
|
|
<th>{{ T.employment_start }}</th>
|
|
<td>{{ VERTRAGSBEGINN }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ T.work_email }}</th>
|
|
<td>{{ EMAIL }}</td>
|
|
<th>{{ T.introduced_by }}</th>
|
|
<td>{{ REQUESTED_BY_NAME }}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
{% for section in INTRO_SECTIONS %}
|
|
<div class="opt-card">
|
|
<div class="opt-title">{{ section.title }}</div>
|
|
<table class="opt-grid">
|
|
{% for row in section.rows %}
|
|
<tr>
|
|
{% for cell in row %}<td><span class="selected-mark">✓</span>{{ cell.label }}</td>{% endfor %}
|
|
{% if row|length < 2 %}<td></td>{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="section">{{ T.notes }}</div>
|
|
<div class="note-box">{{ SESSION_NOTES }}</div>
|
|
|
|
<div class="section">{{ T.employee_signature_block }}</div>
|
|
<div class="note-box" style="height: 70px; margin-top: 10px;"></div>
|
|
</body>
|
|
</html>
|