80 lines
No EOL
2.4 KiB
HTML
80 lines
No EOL
2.4 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}RideAware - Newsletters{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Page Header -->
|
|
<section class="page-header">
|
|
<div class="page-header-content">
|
|
<div class="header-icon">
|
|
<i class="fas fa-newspaper"></i>
|
|
</div>
|
|
<h1>RideAware Newsletters</h1>
|
|
<p>
|
|
Stay updated with the latest cycling tips, training insights, and
|
|
product updates from our team.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Main Content -->
|
|
<main class="main-content">
|
|
{% if newsletters %}
|
|
<div class="newsletters-grid">
|
|
{% for nl in newsletters %}
|
|
<article class="newsletter-card">
|
|
<div class="newsletter-header">
|
|
<div class="newsletter-icon">
|
|
<i class="fas fa-envelope-open-text"></i>
|
|
</div>
|
|
<div class="newsletter-info">
|
|
<h2>
|
|
<a href="{{ url_for('newsletter_detail', newsletter_id=nl['id']) }}">
|
|
{{ nl['subject'] }}
|
|
</a>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="newsletter-date">
|
|
<i class="fas fa-calendar-alt"></i>
|
|
<span>Sent on: {{ nl['sent_at'] }}</span>
|
|
</div>
|
|
|
|
<div class="newsletter-excerpt">
|
|
{% if nl.get('preview') %}
|
|
{{ nl['preview'][:150] }}...
|
|
{% else %}
|
|
Get the latest updates on cycling training, performance tips,
|
|
and RideAware features in this newsletter edition.
|
|
{% endif %}
|
|
</div>
|
|
|
|
<a
|
|
href="{{ url_for('newsletter_detail', newsletter_id=nl['id']) }}"
|
|
class="read-more-btn"
|
|
>
|
|
Read Full Newsletter
|
|
<i class="fas fa-arrow-right"></i>
|
|
</a>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="empty-state">
|
|
<div class="empty-icon">
|
|
<i class="fas fa-inbox"></i>
|
|
</div>
|
|
<h3>No Newsletters Yet</h3>
|
|
<p>
|
|
We're working on some amazing content for you. Subscribe to be the
|
|
first to know when we publish our newsletters!
|
|
</p>
|
|
<a href="{{ url_for('index') }}" class="subscribe-prompt">
|
|
<i class="fas fa-bell"></i>
|
|
Subscribe for Updates
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</main>
|
|
{% endblock %} |