|
1 | 1 | {% extends "templates/base.jinja2" %}
|
2 | 2 | {% block title %}Events{% endblock title %}
|
| 3 | +{% block styles %} |
| 4 | +<style> |
| 5 | + .event-info-title, |
| 6 | + .venue-info-title { |
| 7 | + font-weight: bold; |
| 8 | + } |
| 9 | + .event { |
| 10 | + padding: 10px; |
| 11 | + } |
| 12 | + .venue { |
| 13 | + padding: 5px; |
| 14 | + } |
| 15 | +</style> |
| 16 | +{% endblock styles %} |
3 | 17 | {% block content %}
|
4 | 18 | {% for event in events %}
|
5 | 19 | <div class="event">
|
6 |
| - <span class="event-name"><a href="{{ event.event_url }}">{{ event.name }}</a></span> |
7 |
| - <span class="event-time">{{ event.time }}</span> |
8 |
| - <span class="event-description">{{ event.description }}</span> |
| 20 | + <div class="event-name"> |
| 21 | + <span class="event-info-title">Name</span> |
| 22 | + <span class="even-name-text"><a href="{{ event.event_url }}">{{ event.name }}</a></span> |
| 23 | + </div> |
| 24 | + <div class="event-organizer"> |
| 25 | + <span class="event-info-title">Organizer</span> |
| 26 | + <span class="event-organizer-text"><a href="#{{ event.organizer_id }}">{{ event.organizer_name }}</a></span> |
| 27 | + </div> |
| 28 | + <div class="event-time"> |
| 29 | + <span class="event-info-title">Time</span> |
| 30 | + <span class="event-time-text">{{ event.time }}</span> |
| 31 | + </div> |
| 32 | + <div class="event-description"> |
| 33 | + <span class="event-info-title">Description</span> |
| 34 | + <span class="event-description-text">{{ event.description|safe }}</span> |
| 35 | + </div> |
| 36 | + {% if event.event_hosts %} |
| 37 | + <div class="event-hosts"> |
| 38 | + <span class="event-info-title">Hosts</span> |
| 39 | + {% for event_host in event.event_hosts %} |
| 40 | + <div class="event-host"> |
| 41 | + <span class="event-host-text">{{ event_host.member_name }}</span> |
| 42 | + </div> |
| 43 | + {% endfor %} |
| 44 | + </div> |
| 45 | + {% endif %} |
| 46 | + <div class="event-venue"> |
| 47 | + <span class="event-info-title">Venue</span> |
| 48 | + <div class="venue"> |
| 49 | + <div class="venue-name"> |
| 50 | + <span class="venue-info-title">Name</span> |
| 51 | + <span class="venue-name-text">{{ event.venue_name }}</span> |
| 52 | + </div> |
| 53 | + <div class="venue-address"> |
| 54 | + <span class="venue-info-title">Address</span> |
| 55 | + <span class="venue-address-text">{{ event.venue_address1 }} {{ event.venue_city }}, {{ event.venue_city }} {{ event.venue_zip }}</span> |
| 56 | + </div> |
| 57 | + <div class="venue-map"> |
| 58 | + <span class="venue-info-title">Map</span> |
| 59 | + <span class="venue-map-text"><a href="{{ event.venue_map }}">Click here!</a> (widget coming soon!)</span> |
| 60 | + </div> |
| 61 | + </div> |
| 62 | + </div> |
9 | 63 | </div>
|
10 | 64 | {% endfor %}
|
11 | 65 | {% endblock content %}
|
0 commit comments