{% extends "base.html" %}

{% block content %}

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

	<pre class="content" id="program">{% for event in parts.program %}<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.day}} {{ event.time}}  {{ event.icon }}</div></div><br>{% 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> 
#}



{% endblock %}