7b57ee8246
Mail checkers flagged missing <html> tag and insufficient text content. Wraps all 5 templates in DOCTYPE/html/head/body, adds Outlook conditional comments, and includes a descriptive paragraph to improve text-to-image ratio. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
37 lines
2.8 KiB
HTML
37 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>Reset your Cameleer password</title>
|
|
</head>
|
|
<body style="margin:0;padding:0;background:#f5f1eb;">
|
|
<!--[if mso]><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><![endif]-->
|
|
<div style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:480px;margin:0 auto;background:#ffffff;border-radius:8px;overflow:hidden;border:1px solid #e8e0d4;">
|
|
<div style="background:#C6820E;padding:20px 24px;text-align:center;">
|
|
<span style="font-size:22px;font-weight:700;color:#ffffff;letter-spacing:0.5px;">Cameleer.io</span>
|
|
</div>
|
|
<div style="padding:32px 24px 24px;position:relative;overflow:hidden;">
|
|
<img src="{{watermarkUrl}}" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;border:0;outline:none;" alt="" />
|
|
<div style="position:relative;">
|
|
<p style="color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px;">Lost in the dunes?</p>
|
|
<p style="color:#444;font-size:14px;line-height:1.6;margin:0 0 24px;">No worries — enter this code to reset your password and get back on the trail.</p>
|
|
<div style="text-align:center;margin:0 0 24px;">
|
|
<div style="display:inline-block;background:#FDF6EC;border:2px solid #C6820E;border-radius:8px;padding:16px 32px;">
|
|
<span style="font-size:32px;font-weight:700;letter-spacing:8px;color:#C6820E;font-family:'Courier New',Courier,monospace;">{{code}}</span>
|
|
</div>
|
|
</div>
|
|
<p style="color:#888;font-size:13px;line-height:1.5;margin:0 0 16px;">This code expires in 10 minutes. If you didn't request a password reset, you can safely ignore this email.</p>
|
|
<p style="color:#888;font-size:13px;line-height:1.5;margin:0;">This password reset was requested for your Cameleer account. Cameleer is an observability platform for Apache Camel integrations providing real-time route tracing, message inspection, and performance monitoring. For security, this code can only be used once. If you continue to have trouble accessing your account, please contact your administrator for assistance.</p>
|
|
</div>
|
|
</div>
|
|
<div style="border-top:1px solid #e8e0d4;padding:16px 24px;text-align:center;">
|
|
<p style="color:#999;font-size:12px;margin:0;">Questions? Contact your administrator</p>
|
|
<p style="color:#bbb;font-size:11px;margin:6px 0 0;">Cameleer — Apache Camel observability</p>
|
|
</div>
|
|
</div>
|
|
<!--[if mso]></td></tr></table><![endif]-->
|
|
</body>
|
|
</html>
|