{% extends "base.html" %}
{% block content %}
<div class="blocklayout columns">
	<div class="column smaller">
		<div class="block">
			<h1>Donate</h1>
			<div class="content">
				<p>Donate to Icy Network to help us keep up our communities.</p>
				<a href="https://icynet.eu/donate">Click Here to Donate</a>
			</div>
		</div>
	</div>

	<div class="column primary">
		<div class="block">
			<h1>Welcome to Episodes.Community!</h1>
			<div class="content">
				<p>Episodes.Community is a platform for sharing, watching and discussing your favorite shows!</p>
				<p>Currently hosting {{ stats.shows }} shows, {{ stats.episodes }} submissions and {{ stats.boards }} discussions</p> 
			</div>
		</div>

		<div class="block">
			<h1>Latest releases</h1>
			<div class="content">
			{% if not recent %} Nothing to show {% endif %}
			{% for show in recent %}
			<a class="show-promo" href="#">
				<img class="artwork" src="/media/uploaded_resources/{{show.artwork}}">
				<span>{{show.name}}</span>
			</a>
			{% endfor %}
			</div>
		</div>
	</div>
</div>
{% endblock %}