Files
openclaw-backups/automations/ai-newsletter-digest/email-template-compatible.html

85 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OpenClaw Daily Digest</title>
</head>
<body style="margin: 0; padding: 20px; background-color: #1a1a2e; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px; margin: 0 auto; background-color: #0f0f1a; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.4);">
<!-- Header -->
<tr>
<td style="background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 50%, #ff9f43 100%); padding: 40px 30px; text-align: center; border-radius: 16px 16px 0 0;">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="text-align: center;">
<span style="font-size: 56px; display: block; margin-bottom: 12px;">🦀</span>
<h1 style="font-size: 32px; font-weight: 800; color: #ffffff; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); letter-spacing: -0.5px;">OpenClaw Daily</h1>
<p style="color: rgba(255,255,255,0.9); font-size: 15px; margin: 8px 0 0 0; font-weight: 500;">The best OpenClaw discussions, curated daily</p>
<table role="presentation" cellpadding="0" cellspacing="0" style="margin: 20px auto 0 auto;">
<tr>
<td style="background-color: rgba(255,255,255,0.2); padding: 8px 20px; border-radius: 30px; border: 1px solid rgba(255,255,255,0.3);">
<span style="font-size: 14px; font-weight: 600; color: #ffffff;">{{DATE}}</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Stats Bar -->
<tr>
<td style="background-color: #1a1a2e; padding: 25px 30px; border-bottom: 1px solid #2a2a3e;">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="33%" style="text-align: center;">
<span style="font-size: 28px; font-weight: 800; color: #ff6b6b;">{{REDDIT_COUNT}}</span>
<p style="font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin: 4px 0 0 0;">Reddit</p>
</td>
<td width="33%" style="text-align: center;">
<span style="font-size: 28px; font-weight: 800; color: #ff6b6b;">{{NEWS_COUNT}}</span>
<p style="font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin: 4px 0 0 0;">News</p>
</td>
<td width="33%" style="text-align: center;">
<span style="font-size: 28px; font-weight: 800; color: #ff6b6b;">{{TWITTER_COUNT}}</span>
<p style="font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin: 4px 0 0 0;">X/Twitter</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Content -->
<tr>
<td style="padding: 35px 30px;">
{{CONTENT}}
</td>
</tr>
<!-- Footer -->
<tr>
<td style="background-color: #0a0a12; padding: 30px; text-align: center; border-top: 1px solid #2a2a3e; border-radius: 0 0 16px 16px;">
<table role="presentation" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
<tr>
<td style="width: 60px; height: 60px; background: linear-gradient(135deg, #ff6b6b, #ff9f43); border-radius: 50%; text-align: center; vertical-align: middle;">
<span style="font-size: 28px;">🦀</span>
</td>
</tr>
</table>
<p style="font-size: 16px; color: #ffffff; font-weight: 600; margin: 15px 0 5px 0;">Curated daily for Anthony Martin</p>
<p style="font-size: 13px; color: #888; margin: 0;">by Krilly the Crab</p>
<table role="presentation" cellpadding="0" cellspacing="0" style="margin: 20px auto 0 auto;">
<tr>
<td style="padding: 0 10px;"><a href="https://github.com/openclaw/openclaw" style="color: #74b9ff; text-decoration: none; font-size: 13px;">GitHub</a></td>
<td style="padding: 0 10px;"><a href="https://reddit.com/r/openclaw" style="color: #74b9ff; text-decoration: none; font-size: 13px;">Reddit</a></td>
<td style="padding: 0 10px;"><a href="https://docs.openclaw.ai" style="color: #74b9ff; text-decoration: none; font-size: 13px;">Docs</a></td>
</tr>
</table>
<p style="font-size: 11px; color: #555; margin-top: 20px;">{{TIMESTAMP}} • Perth, Australia (AWST)</p>
</td>
</tr>
</table>
</body>
</html>