feat: Add more theming
All checks were successful
Build Docker / BuildImage (push) Successful in 40s

This commit is contained in:
2025-09-29 21:49:55 +10:00
parent 95b90f5418
commit 438da63277
2 changed files with 18 additions and 12 deletions

View File

@@ -246,6 +246,17 @@ h1 {
display: none;
}
/* Update table headers for bible study context */
.schedule-table th:nth-child(2)::after {
content: " 🙏";
opacity: 0.7;
}
.schedule-table th:nth-child(3)::after {
content: " 📖";
opacity: 0.7;
}
/* Responsive design */
@media (max-width: 768px) {
.container {
@@ -314,18 +325,18 @@ h1 {
}
.date-cell {
width: 20%;
width: 25%;
font-size: 13px;
font-weight: 700;
}
.leader-cell {
width: 18%;
width: 30%;
font-size: 12px;
}
.topic-cell {
width: 44%;
width: 45%;
font-size: 13px;
line-height: 1.4;
}
@@ -354,16 +365,13 @@ h1 {
/* Hide emoji suffixes on mobile for cleaner look */
.schedule-table th:nth-child(2)::after,
.schedule-table th:nth-child(3)::after,
.schedule-table th:nth-child(4)::after {
.schedule-table th:nth-child(3)::after {
display: none;
}
/* Stack layout for very small screens */
.schedule-table th:nth-child(2),
.schedule-table td:nth-child(2),
.schedule-table th:nth-child(3),
.schedule-table td:nth-child(3) {
.schedule-table td:nth-child(2) {
display: none;
}

View File

@@ -38,7 +38,6 @@
<tr>
<th>Date</th>
<th>Discussion Leader</th>
<th>Co-Leader</th>
<th>Study Topic</th>
</tr>
</thead>
@@ -46,9 +45,8 @@
{% for item in schedule %}
<tr class="{% if not item.primary_leader and not item.secondary_leader %}special-event{% endif %}">
<td class="date-cell">{{ item.date }}</td>
<td class="leader-cell">{{ item.primary_leader if item.primary_leader else "" }}</td>
<td class="leader-cell">{{ item.secondary_leader if item.secondary_leader else "" }}</td>
<td class="topic-cell" {% if item.primary_leader or item.secondary_leader %}data-leaders="Leaders: {% if item.primary_leader %}{{ item.primary_leader }}{% endif %}{% if item.primary_leader and item.secondary_leader %}, {% endif %}{% if item.secondary_leader %}{{ item.secondary_leader }}{% endif %}"{% endif %}>{{ item.topic }}</td>
<td class="leader-cell">{% if item.primary_leader %}{{ item.primary_leader }}{% endif %}{% if item.primary_leader and item.secondary_leader %} & {% endif %}{% if item.secondary_leader %}{{ item.secondary_leader }}{% endif %}</td>
<td class="topic-cell" {% if item.primary_leader or item.secondary_leader %}data-leaders="Leaders: {% if item.primary_leader %}{{ item.primary_leader }}{% endif %}{% if item.primary_leader and item.secondary_leader %} & {% endif %}{% if item.secondary_leader %}{{ item.secondary_leader }}{% endif %}"{% endif %}>{{ item.topic }}</td>
</tr>
{% endfor %}
</tbody>