{# ========================================================================== #}
{# :: Category index #}
{# ========================================================================== #}
{#
	A sort of index page when a category on the side navigation is selected.
	This displays general information about the category and its different
	parts.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/index-list.njk" as indexList %}

{# ========================================================================== #}
{# :: Settings & variables #}
{# ========================================================================== #}
{% set name = ROUTEDATA.DETAIL.name %}
{% set content = ROUTEDATA.DETAIL.content %}
{% set data = ROUTEDATA.DETAIL.data %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<section class="bp-l-section">
	<header class="bp-l-section__header">
		<h1 class="bp-l-section__title u-h1">{{name | capitalize | replace("-", " ")}}</h1>
	</header>

	{% if content %}
		<div class="bp-l-section__content bp-s-markdown-default">
			{{content | md | safe}}
		</div>
	{% endif %}
</section>