tractatus/email-templates/implementation-notes-content.html
TheFlow 52b0f46987 fix: Complete ProtonBridge email integration with missing templates
- Fix HTML rendering in emails (triple braces for raw HTML in base template)
- Add missing email content templates (project-updates, implementation-notes, governance-discussions)
- Simplify SMTP port detection to respect .env configuration
- Exclude email-templates from CSP validation (inline styles required for email clients)
- Restore EMAIL_FROM to newsletter@agenticgovernance.digital

All templates now exist, emails render correctly, and ProtonBridge integration is complete.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-04 16:28:06 +13:00

48 lines
2.5 KiB
HTML

<!-- Implementation Notes Content Module -->
<!-- This gets injected into {{content_body}} in base-template.html -->
<p style="margin: 0 0 30px 0; color: #4b5563; line-height: 1.6;">
Welcome to this edition's implementation notes from the Tractatus AI Safety Framework. Here are practical patterns and insights from the field.
</p>
<!-- Implementation Spotlight Section -->
<h2 style="font-size: 20px; font-weight: 600; color: #1f2937; margin: 0 0 15px 0; border-bottom: 2px solid #2563eb; padding-bottom: 10px;">Implementation Spotlight</h2>
<!-- Highlight 1 -->
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 30px; background-color: #f9fafb; border-left: 4px solid #2563eb;">
<tr>
<td style="padding: 15px;">
<h3 style="font-weight: 600; color: #1f2937; margin: 0 0 8px 0; font-size: 16px;">{{highlight_1_title}}</h3>
<p style="color: #4b5563; margin: 0 0 10px 0; font-size: 14px; line-height: 1.6;">{{highlight_1_summary}}</p>
<a href="{{highlight_1_link}}" style="display: inline-block; padding: 10px 20px; background-color: #2563eb; color: #ffffff; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 14px;">View Example</a>
</td>
</tr>
</table>
<!-- Gotchas & Trade-offs Section -->
<h2 style="font-size: 20px; font-weight: 600; color: #1f2937; margin: 0 0 15px 0; border-bottom: 2px solid #2563eb; padding-bottom: 10px;">Gotchas & Trade-offs</h2>
<p style="color: #4b5563; margin: 0 0 30px 0; line-height: 1.8;">
{{finding_1}}
</p>
<!-- Discussion -->
<h2 style="font-size: 20px; font-weight: 600; color: #1f2937; margin: 0 0 15px 0; border-bottom: 2px solid #2563eb; padding-bottom: 10px;">Open Discussion</h2>
<p style="color: #4b5563; margin: 0 0 15px 0; line-height: 1.8;">
{{question_1}}
</p>
<p style="margin: 0 0 30px 0; font-size: 14px; color: #6b7280;">
Have implementation experiences to share? <a href="{{feedback_link}}" style="color: #2563eb; text-decoration: none;">Let us know</a>
</p>
<!-- Call to Action -->
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" style="padding: 40px 20px;">
<p style="font-weight: 600; color: #1f2937; margin: 0 0 15px 0;">Ready to implement?</p>
<a href="{{blog_link}}" style="display: inline-block; padding: 12px 24px; background-color: #2563eb; color: #ffffff; text-decoration: none; border-radius: 6px; font-weight: 600;">Explore Patterns</a>
</td>
</tr>
</table>