{% macro render_pkgtile(package) -%}
	<li><a href="{{ package.getDetailsURL() }}"
		style="background-image: url({{ package.getThumbnailURL() or '/static/placeholder.png' }});">
		<div class="packagegridscrub"></div>
		<div class="packagegridinfo">
			<h3>{{ package.title }} by {{ package.author.display_name }}</h3>

			<p>
				{{ package.shortDesc }}
			</p>


			{% if not package.license.is_foss and not package.media_license.is_foss and package.type != package.type.TXP  %}
				<p style="color:#f33;">
					<b>Warning:</b> Non-free code and media.
				</p>
			{% elif not package.license.is_foss and package.type != package.type.TXP %}
				<p style="color:#f33;">
					<b>Warning:</b> Non-free code.
				</p>
			{% elif not package.media_license.is_foss %}
				<p style="color:#f33;">
					<b>Warning:</b> Non-free media.
				</p>
			{% endif %}
		</div>
	</a></li>
{% endmacro %}

{% macro render_pkggrid(packages) -%}
	<ul class="packagegrid">
		{% for p in packages %}
			{{ render_pkgtile(p) }}
		{% else %}
			<li><i>No packages available</i></ul>
		{% endfor %}
	</ul>
{% endmacro %}