{% extends "base.html" %}

{% block title %}{% if title %}{{ '| '+ title }}{% endif %}{% endblock %}

{% block content %}
	<div id="main-wrapper">
		{% include '_nav.html' %}
		<div id="index-container">
		
		<div id="index-info">
			<div id="hyperlink-container">
				<a href="/exhibitions"><div class="hyperlink-home">
					
					<div>\Exhibitions</div>
				</div></a>
				<a href="/events"><div class="hyperlink-home">
					
					<div>\Events</div>
				</div></a>
				<a href="/conferences"><div class="hyperlink-home">
					
					<div>\Conference</div>
				</div></a>
				<a href="/locations"><div class="hyperlink-home">
					
					<div>\Locations</div>
				</div></a>
			</div>
			
			{% if festival_general_info %}
				{{ festival_general_info.text | safe}}
			{% endif %}

			<div id="index-socials">
				<a href="https://betafestival.ie/" target="_blank"><span>↑ beta-festival</span></a>
				<a href="https://x.com/BetaFest_IRL" target="_blank"><span>↑ twitter</span></a>
				<a href="https://www.instagram.com/betafest_irl/" target="_blank"><span>↑ instagram</span></a>
			</div>

			<div id="index-support-prio-top">
				{% for img in prio_img_top %}
				<div class="index-prio-img">
					<img src="{{ img }}">
				</div>
				{% endfor %}
			</div>

			<div id="index-support-prio">
				{% for img in prio_img %}
				<div class="index-prio-img">
					<img src="{{ img }}">
				</div>
				{% endfor %}
			</div>

			<div id="index-support">
				{% for img in sup_img_list %}
				<div class="index-support-img">
					<img src="{{ img }}">
				</div>
				{% endfor %}
			</div>
		</div>	
		<div id="container-index">
		</div>
		</div>
	</div>
	<script type="module" src="{{ url_for('static', filename='js/main.js') }}"></script>
	<script type="module" src="{{ url_for('static', filename='js/skybox.js') }}"></script>
{% endblock content %}