<hr>

		<div class="list-header">
			Unsettling the Algorithm
		</div>

		<div id="list-container" class="fadeInUp-animation">
		
		{% for event in content %}
		{% if event.exh_type == "UTA"%}
		<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>
		{% endif %}
		{% endfor %}
		</div>

		<hr>

		<div class="list-header">
			Local Artists Network
		</div>

		<div id="list-container" class="fadeInUp-animation">
		
		{% for event in content %}
		{% if event.exh_type == "LAN"%}
		<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>
		{% endif %}
		{% endfor %}
		</div>