Files
vidconf/design/mockups/email-summary.html

246 lines
16 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="ru" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Саммари встречи — Спринт-ревью команды платформы</title>
<!--[if mso]>
<style type="text/css">
table { border-collapse: collapse; }
.fallback-font { font-family: Arial, sans-serif !important; }
</style>
<![endif]-->
<style>
/* Только @media — всё остальное продублировано инлайн для совместимости
с почтовыми клиентами (Outlook/Gmail игнорируют <style> в <head>). */
@media (max-width: 640px) {
.container { width: 100% !important; }
.stack { display: block !important; width: 100% !important; }
.px-32 { padding-left: 20px !important; padding-right: 20px !important; }
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#F1F1F1; font-family:Helvetica, Arial, sans-serif;">
<!-- Preheader (скрытый текст предпросмотра письма) -->
<div style="display:none; max-height:0; overflow:hidden; opacity:0;">
Саммари встречи «Спринт-ревью команды платформы»: 3 решения, 2 открытых вопроса, запись доступна 30 дней.
</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#F1F1F1;">
<tr><td align="center" style="padding: 32px 16px;">
<table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px; max-width:600px; background-color:#FFFFFF; border-radius:24px; overflow:hidden; border:1px solid #E1E3E9;">
<!-- ===================== ШАПКА ===================== -->
<tr>
<td class="px-32" style="padding: 32px 32px 24px 32px; background-color:#F7F7F8;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; color:#3B4D95; letter-spacing:.04em;">
<!-- Логотип «объектив» (design/logo.svg). SVG — только для HTML-макета:
почтовые клиенты (Outlook/большинство Gmail) не рендерят инлайн-SVG.
В продакшен-письме заменить растровым PNG (24×24, @2x/@3x для
ретины, тот же рисунок, цвет #3B4D95) с атрибутами width/height. -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="display:inline-block; vertical-align:middle;"><tr><td style="vertical-align:middle; padding-right:6px;">
<svg width="16" height="16" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:block;">
<polygon points="21,16 18.5,20.3 13.5,20.3 11,16 13.5,11.7 18.5,11.7" fill="#3B4D95"/>
<circle cx="16" cy="16" r="13" stroke="#3B4D95" stroke-width="2.6" stroke-dasharray="12 6"/>
</svg>
</td></tr></table><span style="vertical-align:middle;">VIDCONF</span>
</td>
<td align="right" style="font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#535F94;">
Саммари сформировано AI
</td>
</tr>
</table>
<p style="margin: 20px 0 6px; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:.06em; text-transform:uppercase; color:#6976AC;">
Саммари встречи
</p>
<h1 style="margin:0 0 12px; font-family:Helvetica, Arial, sans-serif; font-size:26px; line-height:1.25; font-weight:bold; color:#2E3454;">
Спринт-ревью команды платформы
</h1>
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#535F94; padding-right:18px;">
&#128197;&nbsp; 15 июля 2026, вт
</td>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#535F94; padding-right:18px;">
&#8987;&nbsp; 45 минут
</td>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#535F94;">
&#128205;&nbsp; Переговорная №42
</td>
</tr>
</table>
</td>
</tr>
<!-- ===================== УЧАСТНИКИ ===================== -->
<tr>
<td class="px-32" style="padding: 24px 32px 8px 32px;">
<p style="margin:0 0 12px; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:.06em; text-transform:uppercase; color:#A6AECB;">
Участники (8)
</p>
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding-right:6px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td width="30" height="30" align="center" valign="middle" bgcolor="#3B4D95" style="border-radius:15px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;">ИС</td></tr></table></td>
<td style="padding-right:6px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td width="30" height="30" align="center" valign="middle" bgcolor="#535F94" style="border-radius:15px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;">МК</td></tr></table></td>
<td style="padding-right:6px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td width="30" height="30" align="center" valign="middle" bgcolor="#535F94" style="border-radius:15px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;">ВС</td></tr></table></td>
<td style="padding-right:6px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td width="30" height="30" align="center" valign="middle" bgcolor="#535F94" style="border-radius:15px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;">ОП</td></tr></table></td>
<td><table cellpadding="0" cellspacing="0" border="0"><tr><td width="30" height="30" align="center" valign="middle" bgcolor="#F7F7F8" style="border-radius:15px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#535F94; font-weight:bold; border:1px solid #E1E3E9;">+4</td></tr></table></td>
</tr>
</table>
</td>
</tr>
<tr><td class="px-32" style="padding: 16px 32px;"><hr style="border:none; border-top:1px solid #E1E3E9; margin:0;"></td></tr>
<!-- ===================== ТЕЗИСЫ ===================== -->
<tr>
<td class="px-32" style="padding: 8px 32px 24px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:12px;">
<tr>
<td width="24" valign="middle">&#128221;</td>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; color:#2E3454; padding-left:6px;">Тезисы</td>
</tr>
</table>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
&#8226;&nbsp; Бэкенд-команда завершила миграцию бронирования на EXCLUDE-констрейнт PostgreSQL, конфликтов брони в проде не зафиксировано за 2 недели.
</td>
</tr>
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
&#8226;&nbsp; Транскрайбер на faster-whisper (CPU) укладывается в SLA 10 минут для встреч до часа.
</td>
</tr>
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
&#8226;&nbsp; Дизайн-система для комнаты конференции утверждена, фронтенд начинает интеграцию LiveKit на следующей неделе.
</td>
</tr>
</table>
</td>
</tr>
<!-- ===================== РЕШЕНИЯ ===================== -->
<tr>
<td class="px-32" style="padding: 8px 32px 24px 32px; background-color:#E4F7ED;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:12px; padding-top:16px;">
<tr>
<td width="24" valign="middle" style="color:#0A7A4C;">&#9989;</td>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; color:#0A7A4C; padding-left:6px;">Принятые решения</td>
</tr>
</table>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
1. Перейти на Qwen2.5-3B Q4_K_M как модель по умолчанию для саммаризации (ответственный: Виктор Седых, до 22.07).
</td>
</tr>
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
2. Хранить пароли комнат только в виде argon2-хэшей, ротацию делать через админку (ответственный: Ольга Панина).
</td>
</tr>
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
3. Запись конференций хранить 30 дней, затем удалять по расписанию Celery beat.
</td>
</tr>
</table>
</td>
</tr>
<!-- ===================== ОТКРЫТЫЕ ВОПРОСЫ ===================== -->
<tr>
<td class="px-32" style="padding: 24px 32px; background-color:#FBF0DC;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:12px;">
<tr>
<td width="24" valign="middle" style="color:#7F560D;">&#10067;</td>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; color:#7F560D; padding-left:6px;">Открытые вопросы</td>
</tr>
</table>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
&#8226;&nbsp; Кто согласует лимиты Celery worker concurrency для транскрайбера на проде — DevOps или бэкенд-лид?
</td>
</tr>
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; color:#2E3454; padding: 6px 0;">
&#8226;&nbsp; Нужна ли поддержка GPU-инференса как отдельный плагин Transcriber уже в Фазе 3, или отложить до масштабирования?
</td>
</tr>
</table>
</td>
</tr>
<!-- ===================== ЦИФРЫ И ФАКТЫ ===================== -->
<tr>
<td class="px-32" style="padding: 24px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:16px;">
<tr>
<td width="24" valign="middle">&#128202;</td>
<td style="font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; color:#2E3454; padding-left:6px;">Цифры и факты</td>
</tr>
</table>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border:1px solid #E1E3E9; border-radius:12px;">
<tr>
<td width="33%" align="center" style="padding:18px 8px; border-right:1px solid #E1E3E9;">
<div style="font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:bold; color:#3B4D95;">45 мин</div>
<div style="font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#535F94; margin-top:4px;">длительность</div>
</td>
<td width="33%" align="center" style="padding:18px 8px; border-right:1px solid #E1E3E9;">
<div style="font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:bold; color:#3B4D95;">3</div>
<div style="font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#535F94; margin-top:4px;">решения</div>
</td>
<td width="34%" align="center" style="padding:18px 8px;">
<div style="font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:bold; color:#3B4D95;">8</div>
<div style="font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#535F94; margin-top:4px;">участников</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- ===================== CTA ===================== -->
<tr>
<td class="px-32" align="center" style="padding: 8px 32px 32px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<!-- #D4F2E3 --color-accent (осветлено на 50% от #A9E4C6, фаза R1 итерация) -->
<td align="center" bgcolor="#D4F2E3" style="border-radius:999px;">
<!-- #2E3454 --color-accent-text -->
<a href="#" style="display:block; padding:14px 28px; font-family:Helvetica, Arial, sans-serif; font-size:15px; font-weight:bold; color:#2E3454; text-decoration:none;">
Смотреть полную расшифровку &rarr;
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- ===================== ФУТЕР ===================== -->
<tr>
<td class="px-32" style="padding: 20px 32px 32px 32px; background-color:#F7F7F8; border-top:1px solid #E1E3E9;">
<p style="margin:0 0 8px; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:1.6; color:#A6AECB;">
Письмо сформировано автоматически по итогам конференции в VidConf (self-hosted). Запись и полная расшифровка доступны 30 дней.
</p>
<p style="margin:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#A6AECB;">
<a href="#" style="color:#535F94; text-decoration:underline;">Настройки уведомлений</a>
&nbsp;·&nbsp;
<a href="#" style="color:#535F94; text-decoration:underline;">Отписаться от саммари</a>
</p>
</td>
</tr>
</table>
</td></tr>
</table>
</body>
</html>