{# ========================================================================== #}
{# :: Manual page #}
{# ========================================================================== #}
{#
	This is the page used to get everyone started on using the awesomely crafted
	design system.

	This page is targeted towards developers and users who want to continue
	expanding the brandplatform. When adding new features or principles they
	should be explained here so that everyone can work in a consistent
	environment.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/header.njk" as header %}
{% import "components/aside.njk" as aside %}
{% import "globals/nav.njk" as navGlobals %}

{# ========================================================================== #}
{# :: Inheritance #}
{# ========================================================================== #}
{% extends "base/extends/content.njk" %}

{# ========================================================================== #}
{# :: Settings & variables #}
{# ========================================================================== #}
{% set pageParams = {
	id: "manual",
	bodyClass: "",
	loadProjectCSS: false,
	loadProjectJS: false,
	loadCoreCSS: true,
	loadCoreJS: true,
	loadOverwriteCSS: true
} %}

{# ========================================================================== #}
{# :: Header #}
{# ========================================================================== #}
{% block header %}

	{{header.aside("", {
		nav: {
			active: CONFIG.taxonomy.library.route,
			items: navGlobals.items,
			language: ROUTEDATA.LANGUAGE,
			languages: ROUTEDATA.LANGUAGES,
			staticPath: "/" + CONFIG.taxonomy.library.route + "/manual"
		}
	})}}

{% endblock %}

{# ========================================================================== #}
{# :: Aside #}
{# ========================================================================== #}
{% block aside %}

	{{aside.default("", {
		search: {
			id: "library-search",
			name: "library-search",
			placeholder: "Search"
		} if ROUTEDATA.NAVIGATION,
		toc: ROUTEDATA.NAVIGATION,
		meta: [
			{
				title: "Changelog",
				url: "/" + CONFIG.taxonomy.library.route + "/changelog",
				slug: "changelog"
			}
		],
		button: {
			text: "Getting started",
			url: "/" + CONFIG.taxonomy.library.route + "/manual"
		}
	})}}

{% endblock %}

{# ========================================================================== #}
{# :: Content #}
{# ========================================================================== #}
{% block content %}

	{% include "partials/manual/index.njk" %}

{% endblock %}