{% if title %}
<h2><a href={{title_name}}_index.html>{{title_name.capitalize()}}</a></h2> 
{% endif %}
<ul class='listing'>
{% for entry in entries %}
		<div style='overflow: hidden; display:flex; justify-content: space-between;position:relative'>
			<h3 style='float:left;padding-right:150px'>
				{% if title %}
					<a href='{{entry['slug']}}'>{{entry["title"]}}</a> 
				{% else %}
				<!-- 
					TODO
					Sometimes the entry doesn't output a title and I'm not entirely sure why 
					--!>
					{% if entry['title'] %}
						<a href='{{entry['file']}}.html'>{{entry["title"]}}</a> 
					{% else %}
						<a href='{{entry['file']}}.html'>{{entry['file']}}</a> 
					{% endif %}
				{% endif %}
			</h3>
			<p style='position:absolute;bottom:0;margin-left:29em'>{{entry['date']}}</p> 
		</div>
		{% for page in entry['tags'].split(' ') %} 
			<a href="{{page}}_index.html">
				{{page}}
			</a>
		{% endfor %}
{% endfor %}
</ul>