cleanup and ui change
This commit is contained in:
@@ -83,6 +83,101 @@
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- TL;DR Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px 40px;">
|
||||
<h2 style="margin: 0 0 20px 0; font-size: 22px; font-weight: 700; color: #1a1a1a;">
|
||||
📋 TL;DR - Quick Summary
|
||||
</h2>
|
||||
<p style="margin: 0 0 15px 0; font-size: 14px; color: #666666;">
|
||||
Here's everything in one sentence each:
|
||||
</p>
|
||||
|
||||
{% for section in category_sections %}
|
||||
{% for article in section.articles %}
|
||||
<div style="margin-bottom: 12px; padding-left: 20px; position: relative;">
|
||||
<span style="position: absolute; left: 0; top: 0; color: #667eea; font-weight: 700;">{{ loop.index }}.</span>
|
||||
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #333333;">
|
||||
<strong>{{ article.title_en if article.title_en else article.title }}</strong> —
|
||||
{{ article.summary.split('.')[0] }}.
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{% if transport_disruptions and transport_disruptions|length > 0 %}
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 40px;">
|
||||
<div style="height: 2px; background-color: #e0e0e0;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Transport Disruptions Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px 40px;">
|
||||
<h2 style="margin: 0 0 20px 0; font-size: 22px; font-weight: 700; color: #1a1a1a;">
|
||||
🚆 S-Bahn Disruptions Today
|
||||
</h2>
|
||||
<p style="margin: 0 0 20px 0; font-size: 14px; color: #666666;">
|
||||
Current service disruptions affecting Munich S-Bahn:
|
||||
</p>
|
||||
|
||||
{% for disruption in transport_disruptions %}
|
||||
<!-- Disruption Card -->
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 15px; background-color: #fff8f0; border-left: 4px solid #ff9800; border-radius: 4px;">
|
||||
<tr>
|
||||
<td style="padding: 15px 20px;">
|
||||
<!-- Severity and Lines -->
|
||||
<p style="margin: 0 0 8px 0; font-size: 13px; color: #666666;">
|
||||
{{ disruption.severity_icon }} <strong style="color: #000000;">{{ disruption.lines_str }}</strong>
|
||||
</p>
|
||||
|
||||
<!-- Title -->
|
||||
<p style="margin: 0 0 8px 0; font-size: 15px; font-weight: 700; color: #1a1a1a; line-height: 1.4;">
|
||||
{{ disruption.title }}
|
||||
</p>
|
||||
|
||||
<!-- Description -->
|
||||
{% if disruption.description %}
|
||||
<p style="margin: 0 0 8px 0; font-size: 14px; color: #333333; line-height: 1.5;">
|
||||
{{ disruption.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<!-- Time -->
|
||||
{% if disruption.start_time_str or disruption.end_time_str %}
|
||||
<p style="margin: 0; font-size: 13px; color: #666666;">
|
||||
⏰
|
||||
{% if disruption.start_time_str %}
|
||||
From {{ disruption.start_time_str }}
|
||||
{% endif %}
|
||||
{% if disruption.end_time_str %}
|
||||
until {{ disruption.end_time_str }}
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endfor %}
|
||||
|
||||
<p style="margin: 15px 0 0 0; font-size: 12px; color: #999999; font-style: italic;">
|
||||
💡 Plan your commute accordingly. Check <a href="https://www.mvg.de" style="color: #667eea; text-decoration: none;">MVG.de</a> for real-time updates.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 40px;">
|
||||
<div style="height: 2px; background-color: #e0e0e0;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Category Sections -->
|
||||
{% for section in category_sections %}
|
||||
<tr>
|
||||
@@ -195,39 +290,6 @@
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- TL;DR Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px 40px;">
|
||||
<h2 style="margin: 0 0 20px 0; font-size: 22px; font-weight: 700; color: #1a1a1a;">
|
||||
📋 TL;DR - Quick Summary
|
||||
</h2>
|
||||
<p style="margin: 0 0 15px 0; font-size: 14px; color: #666666;">
|
||||
Here's everything in one sentence each:
|
||||
</p>
|
||||
|
||||
{% for section in category_sections %}
|
||||
{% for article in section.articles %}
|
||||
<div style="margin-bottom: 12px; padding-left: 20px; position: relative;">
|
||||
<span style="position: absolute; left: 0; top: 0; color: #667eea; font-weight: 700;">{{ loop.index }}.</span>
|
||||
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #333333;">
|
||||
<strong>{{ article.title_en if article.title_en else article.title }}</strong> —
|
||||
{{ article.summary.split('.')[0] }}.
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 40px;">
|
||||
<div style="height: 1px; background-color: #e0e0e0;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Summary Box -->
|
||||
<tr>
|
||||
<td style="padding: 30px 40px;">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f8f8f8; border-radius: 8px;">
|
||||
<tr>
|
||||
@@ -245,72 +307,6 @@
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{% if transport_disruptions and transport_disruptions|length > 0 %}
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 40px;">
|
||||
<div style="height: 2px; background-color: #e0e0e0;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Transport Disruptions Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px 40px;">
|
||||
<h2 style="margin: 0 0 20px 0; font-size: 22px; font-weight: 700; color: #1a1a1a;">
|
||||
🚆 S-Bahn Disruptions Today
|
||||
</h2>
|
||||
<p style="margin: 0 0 20px 0; font-size: 14px; color: #666666;">
|
||||
Current service disruptions affecting Munich S-Bahn:
|
||||
</p>
|
||||
|
||||
{% for disruption in transport_disruptions %}
|
||||
<!-- Disruption Card -->
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 15px; background-color: #fff8f0; border-left: 4px solid #ff9800; border-radius: 4px;">
|
||||
<tr>
|
||||
<td style="padding: 15px 20px;">
|
||||
<!-- Severity and Lines -->
|
||||
<p style="margin: 0 0 8px 0; font-size: 13px; color: #666666;">
|
||||
{{ disruption.severity_icon }} <strong style="color: #000000;">{{ disruption.lines_str }}</strong>
|
||||
</p>
|
||||
|
||||
<!-- Title -->
|
||||
<p style="margin: 0 0 8px 0; font-size: 15px; font-weight: 700; color: #1a1a1a; line-height: 1.4;">
|
||||
{{ disruption.title }}
|
||||
</p>
|
||||
|
||||
<!-- Description -->
|
||||
{% if disruption.description %}
|
||||
<p style="margin: 0 0 8px 0; font-size: 14px; color: #333333; line-height: 1.5;">
|
||||
{{ disruption.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<!-- Time -->
|
||||
{% if disruption.start_time_str or disruption.end_time_str %}
|
||||
<p style="margin: 0; font-size: 13px; color: #666666;">
|
||||
⏰
|
||||
{% if disruption.start_time_str %}
|
||||
From {{ disruption.start_time_str }}
|
||||
{% endif %}
|
||||
{% if disruption.end_time_str %}
|
||||
until {{ disruption.end_time_str }}
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endfor %}
|
||||
|
||||
<p style="margin: 15px 0 0 0; font-size: 12px; color: #999999; font-style: italic;">
|
||||
💡 Plan your commute accordingly. Check <a href="https://www.mvg.de" style="color: #667eea; text-decoration: none;">MVG.de</a> for real-time updates.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td style="background-color: #1a1a1a; padding: 30px 40px; text-align: center;">
|
||||
|
||||
Reference in New Issue
Block a user