1eb1fc9909
- Fixed Sabbath School parser to handle API data with extra line breaks - Cleaned up project structure and removed nested directories - Organized output to single directory structure - Removed YouTube link from contact section for cleaner layout - Improved parser robustness for multi-line content between labels - Added proper .gitignore for Rust project
122 lines
6.2 KiB
HTML
122 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Church Bulletin - {{ bulletin_date }}</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Page 1: Inside Left (Left) and Inside Right (Right) -->
|
|
<div class="page">
|
|
<div class="panel panel-inside-left"> <!-- Panel 2 -->
|
|
<h2>{{ bulletin_theme_title | default(value='Welcome') }}</h2>
|
|
|
|
<!-- Sabbath School Section - Full Width -->
|
|
<div class="section sabbath-school">
|
|
<h3>Sabbath School</h3>
|
|
{% for item in sabbath_school_items %}
|
|
<div class="event-item">
|
|
<div class="ss-info">
|
|
<span class="event-label">{{ item.label }}:</span>
|
|
<span class="event-value">{{ item.details }}</span>
|
|
</div>
|
|
<span class="ss-time">{{ item.time }}</span>
|
|
</div>
|
|
{% else %}
|
|
<p>Sabbath School details not available.</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Divine Worship Section - Full Width Title, Internal 2-Column Content -->
|
|
<div class="section divine-worship">
|
|
<h3 class="section-title-with-time"><span>Divine Worship</span> <span class="section-time">11:00 AM</span></h3>
|
|
<div class="divine-worship-items-column-container"> <!-- New container for 2-column DW items -->
|
|
{% for item in divine_worship_items %}
|
|
<div class="event-item {{ item.item_type | lower | replace(from=' ', to='-') }}">
|
|
<strong class="event-label">{{ item.label }}:</strong>
|
|
{% if item.title %}<p class="event-title">{{ item.title }}</p>{% endif %}
|
|
{% if item.details %}<p class="event-details">{{ item.details }}</p>{% endif %}
|
|
{% if item.speaker %}<p class="event-speaker"><em>{{ item.speaker }}</em></p>{% endif %}
|
|
</div>
|
|
{% else %}
|
|
<p>Divine Worship details not available.</p> <!-- This might look odd in a column if no items -->
|
|
{% endfor %}
|
|
</div> <!-- End divine-worship-items-column-container -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-inside-right"> <!-- Panel 3 (Announcements) -->
|
|
<h2>Announcements</h2>
|
|
<div class="announcements-column-container" style="font-size: {{ dynamic_announcement_font_size | default(value='0.75em') }};"> <!-- New div for column layout -->
|
|
{% for event in announcements %}
|
|
<div class="announcement{% if event.is_multi_day %} multi-day{% endif %}{% if event.is_grouped %} grouped{% endif %}">
|
|
<strong>{{ event.title }}</strong>
|
|
{% if event.is_grouped %}
|
|
<p>{{ event.description }}</p>
|
|
{% if event.location %}
|
|
<p><small>Location: {{ event.location }}</small></p>
|
|
{% endif %}
|
|
<div class="group-sessions">
|
|
{% for session in event.group_sessions %}
|
|
<div class="session">
|
|
<strong>{{ session.title }}</strong>
|
|
<p><small>{{ session.date }} at {{ session.time }}</small></p>
|
|
{% if session.location and session.location != event.location %}
|
|
<p><small>Location: {{ session.location }}</small></p>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
{% if event.time_display %}
|
|
<p><small>When: {{ event.time_display }}</small></p>
|
|
{% elif event.start_time_formatted %}
|
|
<p><small>When: {{ event.start_time_formatted }}</small></p>
|
|
{% endif %}
|
|
<p>{{ event.description }}</p>
|
|
{% if event.location %}
|
|
<p><small>Where: {{ event.location }}</small></p>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
<!-- hr.announcement-divider was removed in CSS, so no need to put it back here for now -->
|
|
{% else %}
|
|
<p>No announcements at this time.</p>
|
|
{% endfor %}
|
|
</div> <!-- End new div -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Page 2: Back Cover (Left) and Front Cover (Right) -->
|
|
<div class="page">
|
|
<div class="panel panel-back-cover"> <!-- Panel 4 -->
|
|
<h2>Sermon Notes</h2>
|
|
<div class="notes-lines">
|
|
{% for i in range(end=15) %}<div class="writable-line"></div>{% endfor %}
|
|
</div>
|
|
|
|
<div class="contact-section">
|
|
<h3>Contact Us</h3>
|
|
<div class="contact-info">
|
|
<p>Phone: {{ contact_info.phone | default(value='860-875-0450') }}</p>
|
|
<p>Website: <a href="https://{{ contact_info.website | default(value='rockvilletollandsda.church') }}">{{ contact_info.website | default(value='rockvilletollandsda.church') }}</a></p>
|
|
<p>Address: {{ contact_info.address | default(value='9 Hartford Tpke Tolland CT 06084') }}</p>
|
|
</div>
|
|
<h4>Sunset Times</h4>
|
|
<p>{{ sunset_times | default(value='Not available') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-front-cover"> <!-- Panel 1 -->
|
|
<h1>{{ church_name | default(value='Rockville-Tolland Seventh-Day Adventist Church') }}</h1>
|
|
<p class="bulletin-date-front-cover">{{ bulletin_date }}</p>
|
|
{% if cover_image_path %}
|
|
<div class="cover-image-container"> <!-- New wrapper div -->
|
|
<img src="{{ cover_image_path }}" alt="Cover Image">
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |