valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
a05a96a8aab31bb911b62b0f94319aa58a620209
sexy/packages/email/templates/layouts/main.html

69 lines
2.5 KiB
HTML
Raw Normal View History

feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +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]-->
<title>{{ page.title || 'sexy.pivoine.art' }}</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
refactor(email): externalize styles to email.css, inject via expandLinkTag - Move @import "@maizzle/tailwindcss" + @theme tokens to packages/email/email.css - Layout uses <link rel="stylesheet" href="{{ cssPath }}" inline> — Maizzle's expandLinkTag reads the absolute path and expands it to a <style> tag, which the second compileCss pass then processes with @tailwindcss/postcss + LightningCSS - render.ts passes cssPath as a local so the expression resolves inside the layout - Layout head is now clean HTML with no inline style logic Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:56:30 +01:00
<!-- Noto Sans — progressive enhancement for clients that support web fonts -->
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
<style plain>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap');
</style>
refactor(email): externalize styles to email.css, inject via expandLinkTag - Move @import "@maizzle/tailwindcss" + @theme tokens to packages/email/email.css - Layout uses <link rel="stylesheet" href="{{ cssPath }}" inline> — Maizzle's expandLinkTag reads the absolute path and expands it to a <style> tag, which the second compileCss pass then processes with @tailwindcss/postcss + LightningCSS - render.ts passes cssPath as a local so the expression resolves inside the layout - Layout head is now clean HTML with no inline style logic Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:56:30 +01:00
<!-- Design tokens + Tailwind preset — path resolved by render.ts -->
<link rel="stylesheet" href="{{ cssPath }}" inline>
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
</head>
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
<body class="bg-background m-0 p-0 font-sans">
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
<!-- Preview text (hidden) -->
<if condition="page.previewText || previewText">
<div class="hidden max-h-0 overflow-hidden">
{{ page.previewText || previewText }}
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;
</div>
</if>
<div class="py-8 px-4">
<table class="w-full max-w-[600px] mx-auto" role="presentation" cellpadding="0" cellspacing="0" border="0">
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
<!-- Brand header — uses --foreground as dark bg -->
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
<tr>
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
<td class="bg-foreground rounded-t-2xl px-8 py-6 text-center">
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
<a href="{{ baseUrl }}" style="text-decoration: none">
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
<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
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
</span>
</a>
</td>
</tr>
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
<!-- Card body -->
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
<tr>
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
<td class="bg-card px-8 py-10 text-[14px] text-card-foreground leading-relaxed">
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
<yield />
</td>
</tr>
<!-- Footer -->
<tr>
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
<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">
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
&copy; {{ new Date().getFullYear() }} sexy.pivoine.art &mdash; For adults only (18+)
</p>
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
<p class="text-[11px] text-muted-foreground mt-2 mb-0">
feat: packages/email — Maizzle v6 + Tailwind CSS v4 HTML email templates - New @sexy.pivoine.art/email package with @maizzle/framework@6.0.0-15 - Uses @maizzle/tailwindcss (TW v4 preset) with @theme brand tokens derived from the frontend's app.css oklch primary color - LightningCSS automatically lowers oklch/lab to hex for email clients - Real HTML template files (templates/layouts/main.html, verification.html, password-reset.html) — not JS template strings - PostCSS `from` override so @import "@maizzle/tailwindcss" resolves from the email package's own node_modules - Backend lib/email.ts now calls renderVerification/renderPasswordReset instead of inline HTML strings Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 10:41:12 +01:00
If you did not request this email, you can safely ignore it.
</p>
</td>
</tr>
</table>
</div>
</body>
</html>
Reference in New Issue Copy Permalink