{% extends "app/templates/layout.html" %}

{% import "app/templates/layout.html" as layout %}

{% block head %}

{{ layout.head(title=file.fm.title, description=file.fm.description, canonical=file.fm.canonical) }}

{% endblock %}

{% block subheader %}

{% include "app/templates/partials/_learn_subheader.html" %}

{% endblock %}

{% block page %}

<div class="container" id="main-content">

{% include "app/templates/partials/_breadcrumb.html" %}

<h1>{{ file.fm.title_html | safe }}</h1>

{% if file.fm.author %}

{% include "app/templates/partials/_author_byline.html" %}

{% endif %}

<div class="row">

<div id="content" class="col-9">

<div class="line-numbers">

{{ contents | safe }}

{% if file.fm.more_learning %}

{% include "app/templates/partials/_more_learning.html" %}

{% endif %}

</div>

</div>

<div id="sidemenu" class="col-3">

{% include "app/templates/partials/_tutorial_sidemenu.html" ignore missing %}

</div>

{% include "app/templates/partials/_last_update.html" %}

<br />

{% include "app/templates/partials/_breadcrumb.html" %}

<a href="/learn" class="back-link">Back to Tutorial List</a>

</div>

{% endblock %}