e992d8247d
First-class pongo2 theme with 4 color presets (Federation, Red Alert, Sickbay, Engineering), 3 custom blocks (header, sidebar, panel), 2 page templates, heading/text overrides, email wrapper, bundled Antonio font, and full LCARS CSS with elbow brackets, pill buttons, and rounded bars. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
{% if preview_text %}
|
|
<span style="display:none;max-height:0;overflow:hidden;">{{ preview_text }}</span>
|
|
{% endif %}
|
|
<style>
|
|
body { margin: 0; padding: 0; background-color: #050505; color: #e0d4b0; font-family: Arial, Helvetica, sans-serif; }
|
|
.lcars-email { max-width: 600px; margin: 0 auto; padding: 20px; }
|
|
.lcars-email-header { padding: 16px 20px; }
|
|
.lcars-email-header table { width: 100%; }
|
|
.lcars-email-pill { width: 80px; height: 32px; border-radius: 16px; background-color: {{ colors.primary }}; }
|
|
.lcars-email-title { font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; color: {{ colors.primary }}; padding-left: 12px; }
|
|
.lcars-email-bar { height: 4px; border-radius: 2px; margin-bottom: 24px; }
|
|
.lcars-email-body { padding: 0 20px; line-height: 1.6; font-size: 16px; }
|
|
.lcars-email-body a { color: {{ colors.secondary }}; text-decoration: underline; }
|
|
.lcars-email-footer { margin-top: 32px; padding-top: 16px; border-top: 2px solid {{ colors.border }}; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; opacity: 0.6; text-align: center; }
|
|
.lcars-email-footer a { color: {{ colors.secondary }}; text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="lcars-email">
|
|
<div class="lcars-email-header">
|
|
<table><tr>
|
|
<td style="width:80px;"><div class="lcars-email-pill"></div></td>
|
|
<td class="lcars-email-title">{{ site_name }}</td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="lcars-email-bar" style="background: linear-gradient(to right, {{ colors.primary }} 0%, {{ colors.primary }} 30%, {{ colors.secondary }} 30%, {{ colors.secondary }} 60%, {{ colors.muted }} 60%, {{ colors.muted }} 100%);"></div>
|
|
|
|
<div class="lcars-email-body">
|
|
{{ body|safe }}
|
|
</div>
|
|
|
|
<div class="lcars-email-footer">
|
|
{{ site_name }}{% if unsubscribe_url %} · <a href="{{ unsubscribe_url }}">Unsubscribe</a>{% endif %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|