You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.5 KiB
46 lines
1.5 KiB
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ '| '+ title }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="main-wrapper">
|
|
{% include '_nav.html' %}
|
|
<div id="page-header">
|
|
<a href="/events"><div class="hyperlink-header" id="events">/ Events</div></a>
|
|
<a href="/exhibitions"><div class="hyperlink-header" id="exhibitions">/ Exhibitions</div></a>
|
|
<a href="/conferences"><div class="hyperlink-header" id="conferences">/ Conferences</div></a>
|
|
</div>
|
|
<hr>
|
|
<div id="main-container">
|
|
<div id="list-container">
|
|
{% for event in content %}
|
|
<a href='/{{ title.lower() }}/{{ event.title }}'>
|
|
<div class="list">
|
|
<div class="list-image">
|
|
<img src="{{ event.image }}" alt="{{ event.title }}" loading="lazy">
|
|
<div class="list-image-overlay"></div>
|
|
</div>
|
|
<div class="list-title">☉ {{ event.title }}</div>
|
|
<div class="list-artists">
|
|
<p>[{{ event.artists | join(', ') }}]</p>
|
|
</div>
|
|
<div class="list-details">
|
|
{% if event.dates %}
|
|
<div class="list-date">● {{ event.dates | join(', ') }}</div>
|
|
{% endif %}
|
|
{% if event.times %}
|
|
<div class="list-date">● {{ event.times | join(', ')}}</div>
|
|
{% endif %}
|
|
|
|
<div class="list-date">● {{ event.location[0] }}</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="container"></div>
|
|
<script type="module" src="{{ url_for('static', filename='js/list.js') }}"></script>
|
|
<script type="module" src="{{ url_for('static', filename='js/skybox.js') }}"></script>
|
|
{% endblock content %}
|