{% extends "base.html" %}
{% block content %}
<div class="jumbotron">
  <h1 class="display-4">Welcome to Episodes.Community!</h1>
  <p class="lead">Episodes.Community is a platform for sharing, watching and discussing your favourite shows!</p>
  <hr class="my-4">
  <p>Currently hosting {{ stats.shows }} shows, {{ stats.episodes }} submissions and {{ stats.boards }} discussions.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="/shows/" role="button">Browse Shows</a>
  </p>
</div>
<div class="container mt-4 mb-4">
	<div class="row">
		<div class="col">
			<h1>Latest releases</h1>
			{% if not recent %} Nothing to show {% endif %}
			<div class="text-center">
			{% for show in recent %}
			<a class="show-promo" href="{{show.url}}">
				<img class="artwork" src="/media/uploaded_resources/{{show.artwork}}">
				<span>{{show.name}}</span>
			</a>
			{% endfor %}
			</div>
		</div>
	</div>
</div>
{% endblock %}