47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{{ title }} — Morozovka Portal</title>
|
||
<style>
|
||
body { background: #0d1117; color: #e6edf3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; }
|
||
.card { background: #161b22; border: 1px solid #30363d; border-radius: 12px; padding: 40px 35px; max-width: 480px; width: 100%; text-align: center; }
|
||
.icon { font-size: 3.5rem; margin-bottom: 15px; }
|
||
.icon.ok { color: #3fb950; }
|
||
.icon.err { color: #f85149; }
|
||
h1 { margin: 0 0 15px; font-size: 1.5rem; }
|
||
h1.ok { color: #3fb950; }
|
||
h1.err { color: #f85149; }
|
||
p { color: #8b949e; line-height: 1.6; margin: 0 0 25px; }
|
||
.btn { display: inline-block; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 600; margin: 5px; }
|
||
.btn-primary { background: #238636; color: #fff; }
|
||
.btn-primary:hover { background: #2ea043; }
|
||
.btn-danger { background: #da3633; color: #fff; border: none; cursor: pointer; font-family: inherit; font-size: inherit; }
|
||
.btn-danger:hover { background: #f85149; }
|
||
.btn-secondary { background: #21262d; color: #e6edf3; border: 1px solid #30363d; }
|
||
.btn-secondary:hover { background: #30363d; }
|
||
form { display: inline; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="card">
|
||
<div class="icon {% if ok %}ok{% else %}err{% endif %}">{% if ok %}✓{% else %}⚠{% endif %}</div>
|
||
<h1 class="{% if ok %}ok{% else %}err{% endif %}">{{ title }}</h1>
|
||
<p>{{ message }}</p>
|
||
|
||
{% if show_confirm_form %}
|
||
<form method="POST" action="{{ confirm_action }}">
|
||
<button type="submit" class="btn btn-danger">Да, отписаться</button>
|
||
<a href="/schedule" class="btn btn-secondary">Отмена</a>
|
||
</form>
|
||
{% else %}
|
||
<a href="/schedule" class="btn btn-primary">← К расписанию</a>
|
||
{% if unsubscribe_token %}
|
||
<a href="/unsubscribe/{{ unsubscribe_token }}" class="btn btn-secondary">Управление подпиской</a>
|
||
{% endif %}
|
||
{% endif %}
|
||
</div>
|
||
</body>
|
||
</html>
|