<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light">
<title>The Signal &mdash; {{ date }}</title>
<!--[if mso]><noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript><![endif]-->
<style>
  body, table, td, p, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  body { margin: 0; padding: 0; background: #fcfaf5; }
  img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
  a { color: #171717; }
  a:hover { text-decoration: underline; }
</style>
</head>
<body style="margin:0;padding:0;background-color:#fcfaf5;">

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#fcfaf5;">
<tr>
<td align="center" style="padding:24px 12px;">

<table width="{{ container_width }}" cellpadding="0" cellspacing="0" border="0" style="max-width:{{ container_width }}px;width:100%;">
<tr>
<td style="border:1px solid #e7ddcf;background-color:#fffdf9;padding:0 28px;">

  <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td style="padding:18px 0 0 0;">
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="height:4px;background-color:#171717;font-size:1px;line-height:1px;">&nbsp;</td>
          </tr>
          <tr>
            <td style="height:3px;background-color:#7de5c1;font-size:1px;line-height:1px;">&nbsp;</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td style="padding:22px 0 18px 0;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.6px;text-transform:uppercase;color:#6b645a;">Digest Layout</div>
        <div style="font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:bold;letter-spacing:-1px;line-height:1.05;color:#171717;margin-top:10px;">The Signal</div>
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.6;color:#6f675d;margin-top:8px;">
          {{ date }} &nbsp;&middot;&nbsp; {{ edition }} &nbsp;&middot;&nbsp; Clean platform briefing
        </div>
      </td>
    </tr>
  </table>

  {% if lead_headline %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;">
    <tr>
      <td style="padding:22px 0 0 0;">
        <span style="display:inline-block;background-color:#eef8f3;border:1px solid #d8ece1;padding:5px 10px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:#2d8b69;">Lead Story</span>
        <div style="margin-top:14px;">
          <a href="{{ lead_url or '#' }}" style="font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:bold;line-height:1.25;color:#171717;text-decoration:none;">{{ lead_headline }}</a>
        </div>
        {% if lead_image_url %}
        <div style="margin-top:16px;">
          <img src="{{ lead_image_url }}" alt="{{ lead_headline | striptags }}" width="{{ container_width }}" style="width:100%;max-width:{{ container_width }}px;height:auto;display:block;" />
        </div>
        {% endif %}
        <p style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.75;color:#413a33;margin:16px 0 0 0;">{{ lead_summary }}</p>
        {% if lead_why_it_matters %}
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:16px;background-color:#f4efe5;border-left:3px solid #171717;">
          <tr>
            <td style="padding:14px 16px;">
              <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:#6b645a;margin-bottom:6px;">Why it matters</div>
              <p style="font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.7;color:#171717;margin:0;font-style:italic;">{{ lead_why_it_matters }}</p>
            </td>
          </tr>
        </table>
        {% endif %}
        <p style="font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7a7166;letter-spacing:1px;text-transform:uppercase;margin:12px 0 0 0;">{{ lead_source }}</p>
      </td>
    </tr>
  </table>
  {% endif %}

  {% if news_items %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:24px;">
    <tr>
      <td style="padding-top:18px;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:#6b645a;margin-bottom:14px;">Today in Tech</div>
        {% for item in news_items %}
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="{% if not loop.last %}border-bottom:1px solid #ece3d7;{% endif %}">
          <tr>
            <td style="padding:0 0 16px 0;{% if not loop.first %}padding-top:16px;{% endif %}">
              <a href="{{ item.url or '#' }}" style="font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:bold;line-height:1.35;color:#171717;text-decoration:none;">{{ item.title }}</a>
              {% if item.summary %}<p style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.7;color:#4e463d;margin:8px 0 0 0;">{{ item.summary | truncate(180, false, '&hellip;') }}</p>{% endif %}
              <p style="font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7a7166;letter-spacing:1px;text-transform:uppercase;margin:8px 0 0 0;">{{ item.source or '' }}{% if item.score %} &middot; {{ item.score }} pts{% endif %}</p>
            </td>
          </tr>
        </table>
        {% endfor %}
      </td>
    </tr>
  </table>
  {% endif %}

  {% if github_items %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:24px;">
    <tr>
      <td style="padding-top:18px;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:#6b645a;margin-bottom:14px;">GitHub Trending</div>
        {% for repo in github_items %}
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="{% if not loop.last %}border-bottom:1px solid #ece3d7;{% endif %}">
          <tr>
            <td style="padding:0 0 14px 0;{% if not loop.first %}padding-top:14px;{% endif %}">
              <a href="{{ repo.url or '#' }}" style="font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:bold;color:#171717;text-decoration:none;">{{ repo.name }}</a>
              {% if repo.language %}<span style="font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#2d8b69;letter-spacing:1.4px;text-transform:uppercase;margin-left:8px;">{{ repo.language }}</span>{% endif %}
              {% if repo.description %}<p style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.65;color:#4e463d;margin:6px 0 0 0;">{{ repo.description | truncate(120, false, '&hellip;') }}</p>{% endif %}
              <p style="font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7a7166;margin:6px 0 0 0;">+{{ repo.stars_today or 0 }} stars today</p>
            </td>
          </tr>
        </table>
        {% endfor %}
      </td>
    </tr>
  </table>
  {% endif %}

  {% if papers %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:24px;">
    <tr>
      <td style="padding-top:18px;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:#6b645a;margin-bottom:14px;">Research</div>
        {% for paper in papers %}
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="{% if not loop.last %}border-bottom:1px solid #ece3d7;{% endif %}">
          <tr>
            <td style="padding:0 0 14px 0;{% if not loop.first %}padding-top:14px;{% endif %}">
              <a href="{{ paper.url or '#' }}" style="font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:bold;color:#171717;text-decoration:none;">{{ paper.title }}</a>
              {% if paper.summary %}<p style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.7;color:#4e463d;margin:7px 0 0 0;">{{ paper.summary | truncate(200, false, '&hellip;') }}</p>{% endif %}
            </td>
          </tr>
        </table>
        {% endfor %}
      </td>
    </tr>
  </table>
  {% endif %}

  {% if products %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:24px;">
    <tr>
      <td style="padding-top:18px;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:#6b645a;margin-bottom:14px;">Product Launches</div>
        {% for product in products %}
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="{% if not loop.last %}border-bottom:1px solid #ece3d7;{% endif %}">
          <tr>
            <td style="padding:0 0 14px 0;{% if not loop.first %}padding-top:14px;{% endif %}">
              <a href="{{ product.url or '#' }}" style="font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:bold;color:#171717;text-decoration:none;">{{ product.name }}</a>
              {% if product.tagline %}<p style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.65;color:#4e463d;margin:6px 0 0 0;">{{ product.tagline }}</p>{% endif %}
              {% if product.upvotes %}<p style="font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7a7166;margin:6px 0 0 0;">&#9650; {{ product.upvotes }} upvotes</p>{% endif %}
            </td>
          </tr>
        </table>
        {% endfor %}
      </td>
    </tr>
  </table>
  {% endif %}

  {% if youtube_items %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:24px;">
    <tr>
      <td style="padding-top:18px;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:#6b645a;margin-bottom:14px;">Must Watch</div>
        {% for video in youtube_items %}
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="{% if not loop.last %}border-bottom:1px solid #ece3d7;{% endif %}">
          <tr>
            <td style="padding:0 0 14px 0;{% if not loop.first %}padding-top:14px;{% endif %}">
              <a href="{{ video.url or '#' }}" style="font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:bold;color:#171717;text-decoration:none;">{{ video.title }}</a>
              {% if video.channel %}<p style="font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7a7166;letter-spacing:1px;text-transform:uppercase;margin:6px 0 0 0;">{{ video.channel }}</p>{% endif %}
            </td>
          </tr>
        </table>
        {% endfor %}
      </td>
    </tr>
  </table>
  {% endif %}

  {% if editors_take %}
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:24px;">
    <tr>
      <td style="padding:18px 0 0 0;">
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:#6b645a;margin-bottom:14px;">Editor's Take</div>
        <p style="font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.75;color:#171717;margin:0 0 6px 0;font-style:italic;">{{ editors_take }}</p>
      </td>
    </tr>
  </table>
  {% endif %}

  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:1px solid #e9e0d4;margin-top:28px;">
    <tr>
      <td style="padding:18px 0 22px 0;">
        <div style="font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:bold;color:#171717;">The Signal</div>
        <div style="font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7a7166;letter-spacing:1px;text-transform:uppercase;margin-top:4px;">{{ date }} &middot; Clean platform digest</div>
        {% if pdf_url or image_url %}
        <p style="margin:12px 0 0 0;">
          {% if pdf_url %}<a href="{{ pdf_url }}" style="font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;color:#2d8b69;text-decoration:none;letter-spacing:1px;text-transform:uppercase;margin-right:14px;">PDF Version</a>{% endif %}
          {% if image_url %}<a href="{{ image_url }}" style="font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;color:#2d8b69;text-decoration:none;letter-spacing:1px;text-transform:uppercase;">Share Image</a>{% endif %}
        </p>
        {% endif %}
      </td>
    </tr>
  </table>

</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>
