{% extends "base.html" %}

{% block title %}
Welcome
{% endblock %}

{% block container %}
<!-- <div class="jumbotron">
  <h1 class="display-3">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>
</div> -->

<header class="jumbotron">
	<div class="container">
		<h1 class="display-3">Content DB</h1>

		<p>
			Minetest's official content repository.
			Browse {{ count }} packages,
			the majority of which are available under a free
			and open source license.
		</p>

		<!-- <form method="get" action="/packages/">
			<input type="text" name="q" value="{{ query or ''}}" />
			<input type="submit" value="Search" />
		</form> -->
	</div>
</header>

<main class="container">
	{% from "macros/packagegridtile.html" import render_pkggrid %}

	<h2>Popular</h2>
	{{ render_pkggrid(popular) }}

	<a href="{{ url_for('packages_page') }}" class="btn">Show More</a>

	<h2 style="margin-top:2em;">Newly Added</h2>
	{{ render_pkggrid(new) }}

</main>
{% endblock %}