{# ========================================================================== #}
{# :: Hero  #}
{# ========================================================================== #}
{#
	The newest update on the brandplatform containing some small information
	about the version and what has changed.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/article.njk" as article %}
{% import "components/image.njk" as image %}

{% set number = ROUTEDATA.LOG.number %}
{% set text = ROUTEDATA.LOG.title %}
{% set url = "/" + ROUTEDATA.LANGUAGE + ROUTEDATA.LOG.url %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<div class="bp-l-container">
	<div class="bp-l-section bp-l-section--with-spacing bp-l-section--with--divider">
		<div class="bp-l-grid bp-l-grid--with-spacing">
			<div class="bp-l-grid__col bp-l-grid__col--4@viewport-9 bp-l-grid__col--3@viewport-12 u-hide@below-viewport-9">
				{% include "./illustrations/media.svg" %}
			</div>

			{{article.default("bp-l-grid__col bp-l-grid__col--offset-1@viewport-12 bp-l-grid__col--5@viewport-9", {
				title: "home.changelog.title" | i18n,
				subtitle: number,
				text: text,
				link: {
					iconBefore: { name: "chevron-right" },
					text: "home.changelog.link" | i18n,
					url: url
				}
			})}}
		</div>
	</div>
</div>