{% extends "base.html" %}

{% block content %}

	<pre class="content grey" id="top">{{parts.top}}</pre>
	
	<img src="title_headline.png">

	<pre class="content" id="program">{% for event in parts.program %}{% if loop.previtem and loop.previtem.day != event.day %}<br>{{ event.day }}<hr style="margin-bottom: 1em">{% endif %}<div style="position: relative"><div style="display: inline-block; background: #006688; height: 1.2em; width: {{event.progress}}%; position: absolute; left: 0"></div><div style="position: absolute; top: 0px; left: 0px;">{{event.title}}  {{ event.time}}  {{ event.icon }}</div></div><br style="margin-bottom: 0.25em">{% endfor %}</pre>
{#
	<img src="news_headline.png">
	
	<pre class="content" id="news">{{parts.news}}</pre>
	-->
	<br>
<!--
	<form>
		<label id="news_input_label" for="news_input">Post your own news, or anything you'd like here:</label><br>
		<input type="text" id="news_input" name="news_input" maxlength="{{ news_max_length }}" placeholder="Type text here">
		<input type="submit" value="Post" />
	</form> 
#}

<div style="position: relative">
	<div style="z-index: 100; position: absolute; left: 0; width: 100%">
		<h1 style="text-align: center">Thanks for this year<br>
		Cya next year</h1>
	</div>
	<div style="position: absolute; top: 0px; left: 0px; opacity: 50%">
		<img src="test_static.jpg" style="width: 100%">
	</div>
</div>

{% endblock %}