{% extends "_base.html" %}

{% block content %}
<div id="container">
	<div id="project-container">
		<div id="project-header">{{ title }}, {{ year }}</div>
		<div id="project-tags">
			{% for tag in tags %}
			<div class="project-tag">✳ {{ tag }}</div>
			{% endfor %}
		</div>
		<div id="project-cover">
			<img src="/images/{{ image }}">
		</div>
		<div id="project-body">
			{{ content }}
		</div>
		
		{% if showcase %}
		<div id="project-showcase">
			<div id="pr-header">Exhibited:</div>
			<div id="showcase-cont">
			{% for show in showcase %}
			<div class="showcase">
				<p>({{ show['year'] }})</p>
				<p>{{ show['name'] }},</p>
				<p>{{ show['location'] }}</p>
			</div>
			{% endfor %}
			</div>
		</div>
		{% endif %}

		{% if credits %}
		<div id="project-credits">
			<div id="pr-header">Credits:</div>
			<div id="credit-cont">
			{% for credit in credits %}
				<div class="credit">
				<p>&#8594;</p> 
				<p>{{ credit }}, </p> 
				<p>{{ credits[credit]}}</p>
				</div>
			{% endfor %}
			</div>
		</div>
		{% endif %}

		{% if references %}
		<div id="project-related">
			<div id="pr-header">References:</div>
			<ul id="pr-list">
				{% for reference in references %}
				<li><a href='{{ reference['link'] }}'>{{ reference['title'] }}</a></li>
				{% endfor %}
			</ul>
		</div>
		{% endif %}

		<div id="sleeping-mario">
			<img src="/images/website/mario-sleep-up.gif">
		</div>
	</div>
</div>
{% endblock %}