{% extends "base.html" %}

{% block content %}

	<pre class="content grey" id="top">{{parts.top}}</pre>

	<img src="title_headline.png">

	{% include 'program.html' %}
{#
	<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>

<style>
  {% if scale == "fit" %}
	body {
		font-size: 3vw;
	}
  {% else %}
	body {
    zoom: {{ scale }};
	}
  {% endif %}
</style>

{% endblock %}