diff options
| author | JustZvan <justzvan@justzvan.xyz> | 2026-02-06 12:16:40 +0100 |
|---|---|---|
| committer | JustZvan <justzvan@justzvan.xyz> | 2026-02-06 12:16:40 +0100 |
| commit | e904e9634548e47d611bdcbb88d7b180b927fd5f (patch) | |
| tree | 21aa5be08fc5b22585508c0263ee5ea4effcc593 /src/email/confirm.ts | |
feat: initial commit!
Diffstat (limited to 'src/email/confirm.ts')
| -rw-r--r-- | src/email/confirm.ts | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/src/email/confirm.ts b/src/email/confirm.ts new file mode 100644 index 0000000..b885438 --- /dev/null +++ b/src/email/confirm.ts @@ -0,0 +1,75 @@ +/** Generates the HTML template for email verification messages */ +export function verificationEmailHtml(verificationCode: string): string { + return ` +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Buddy Email Verification</title> +</head> +<body style="margin:0; padding:0; background-color:#eef2f7; font-family:Arial, Helvetica, sans-serif;"> + <table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#eef2f7; padding:24px 0;"> + <tr> + <td align="center"> + <table width="600" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#ffffff; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.05);"> + + <!-- Header --> + <tr> + <td style="padding:28px; text-align:center; background-color:#f42e2e;"> + <h1 style="margin:0; font-size:24px; color:#ffffff;"> + 🐶 Buddy + </h1> + <p style="margin:8px 0 0 0; font-size:14px; color:#dbeafe;"> + Verification code + </p> + </td> + </tr> + + <!-- Content --> + <tr> + <td style="padding:36px; color:#111827;"> + <p style="margin:0 0 20px 0; font-size:16px; line-height:1.6;"> + Enter this code to verify your account: + </p> + + <div style="margin:32px 0; text-align:center;"> + <span style=" + display:inline-block; + font-size:30px; + letter-spacing:6px; + font-weight:700; + padding:18px 26px; + border-radius:10px; + color:black; + border:2px dashed #f42e2e; + "> + ${verificationCode} + </span> + </div> + + <p style="margin:0 0 16px 0; font-size:14px; line-height:1.6; color:#374151;"> + Code expires soon. Didn't request this? Ignore it. + </p> + + <p style="margin:0; font-size:14px; color:#6b7280;"> + Buddy Team + </p> + </td> + </tr> + + <!-- Footer --> + <tr> + <td style="background-color:#f8fafc; padding:18px; text-align:center; font-size:12px; color:#9ca3af;"> + © ${new Date().getFullYear()} Buddy + </td> + </tr> + + </table> + </td> + </tr> + </table> +</body> +</html> +`; +} |