2026-03-11 11:36:18 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
<html
|
|
|
|
|
lang="en"
|
|
|
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
|
|
|
xmlns:v="urn:schemas-microsoft-com:vml"
|
|
|
|
|
xmlns:o="urn:schemas-microsoft-com:office:office"
|
|
|
|
|
>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="x-apple-disable-message-reformatting" />
|
|
|
|
|
<!--[if mso]>
|
|
|
|
|
<noscript
|
|
|
|
|
><xml
|
|
|
|
|
><o:OfficeDocumentSettings
|
|
|
|
|
><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings
|
|
|
|
|
></xml
|
|
|
|
|
></noscript
|
|
|
|
|
>
|
|
|
|
|
<![endif]-->
|
2026-03-11 16:53:52 +01:00
|
|
|
<title>{{ page.title || 'sexy' }}</title>
|
refactor(email): align templates with frontend design tokens from app.css
- @theme now mirrors all :root variables from app.css (background, foreground,
card, muted, muted-foreground, border, primary, primary-foreground)
- Replaced all zinc-* utilities with semantic token classes (bg-background,
bg-card, bg-muted, text-foreground, text-muted-foreground, border-border, etc.)
- Added Noto Sans via Google Fonts import (progressive enhancement — skips
Tailwind processing via `plain` attribute)
- Font family @theme token set to Noto Sans with system-font fallbacks
- Button inline styles updated to use hex equivalent of --primary-foreground
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:49:23 +01:00
|
|
|
|
2026-03-11 11:36:18 +01:00
|
|
|
<!-- Noto Sans — progressive enhancement for clients that support web fonts -->
|
|
|
|
|
<style plain>
|
|
|
|
|
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap");
|
|
|
|
|
</style>
|
refactor(email): align templates with frontend design tokens from app.css
- @theme now mirrors all :root variables from app.css (background, foreground,
card, muted, muted-foreground, border, primary, primary-foreground)
- Replaced all zinc-* utilities with semantic token classes (bg-background,
bg-card, bg-muted, text-foreground, text-muted-foreground, border-border, etc.)
- Added Noto Sans via Google Fonts import (progressive enhancement — skips
Tailwind processing via `plain` attribute)
- Font family @theme token set to Noto Sans with system-font fallbacks
- Button inline styles updated to use hex equivalent of --primary-foreground
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:49:23 +01:00
|
|
|
|
2026-03-11 11:36:18 +01:00
|
|
|
<!-- Design tokens + Tailwind preset — path resolved by render.ts -->
|
|
|
|
|
<link rel="stylesheet" href="{{ cssPath }}" inline />
|
|
|
|
|
</head>
|
|
|
|
|
<body class="bg-background m-0 p-0 font-sans">
|
|
|
|
|
<!-- Preview text (hidden) -->
|
|
|
|
|
<if condition="page.previewText || previewText">
|
|
|
|
|
<div class="hidden max-h-0 overflow-hidden">
|
|
|
|
|
{{ page.previewText || previewText }}
|
|
|
|
|
‌ ‌ ‌ ‌ ‌ ‌
|
|
|
|
|
</div>
|
|
|
|
|
</if>
|
2026-03-11 10:41:12 +01:00
|
|
|
|
2026-03-11 11:36:18 +01:00
|
|
|
<div class="py-8 px-4">
|
|
|
|
|
<table
|
|
|
|
|
class="w-full max-w-[600px] mx-auto"
|
|
|
|
|
role="presentation"
|
|
|
|
|
cellpadding="0"
|
|
|
|
|
cellspacing="0"
|
|
|
|
|
border="0"
|
|
|
|
|
>
|
|
|
|
|
<!-- Brand header — uses --foreground as dark bg -->
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="bg-foreground rounded-t-2xl px-8 py-6 text-center">
|
|
|
|
|
<a href="{{ baseUrl }}" style="text-decoration: none">
|
|
|
|
|
<span class="text-sm font-semibold tracking-[0.22em] uppercase text-background">
|
|
|
|
|
sexy<span class="text-primary">.</span>pivoine<span class="text-primary">.</span>art
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
2026-03-11 10:41:12 +01:00
|
|
|
|
2026-03-11 11:36:18 +01:00
|
|
|
<!-- Card body -->
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="bg-card px-8 py-10 text-[14px] text-card-foreground leading-relaxed">
|
|
|
|
|
<yield />
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
2026-03-11 10:41:12 +01:00
|
|
|
|
2026-03-11 11:36:18 +01:00
|
|
|
<!-- Footer -->
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="bg-muted border-t border-border rounded-b-2xl px-8 py-6 text-center">
|
|
|
|
|
<p class="text-[11px] text-muted-foreground m-0">
|
2026-03-11 16:53:52 +01:00
|
|
|
© {{ new Date().getFullYear() }} sexy — For adults only (18+)
|
2026-03-11 11:36:18 +01:00
|
|
|
</p>
|
|
|
|
|
<p class="text-[11px] text-muted-foreground mt-2 mb-0">
|
|
|
|
|
If you did not request this email, you can safely ignore it.
|
|
|
|
|
</p>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2026-03-11 10:41:12 +01:00
|
|
|
</html>
|
