<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
{%- if page.title %}{{ page.title }}{% endif %} - {{ config.site_name -}}
</title>
<link rel="stylesheet" href="https://assets.pietroalbini.org/fonts/source-sans-pro/include.min.css">
<link rel="stylesheet" href="https://assets.pietroalbini.org/fonts/bitter/include.min.css">
<style>
{%- filter replace("REPLACE_COLOR_HERE", config.extra.color) -%}
{%- include "css/snowflake.css" -%}
{%- endfilter -%}
</style>
<link rel="stylesheet" href="{{ "/css/theme.css" | url }}">
</head>
<body class="vertical-fill">
<div class="navbar sticky">
<ul class="left">
<li class="site-name"><a href="{{ "/" | url }}">
{{- config.site_name -}}
</a></li>
{% if page.next_page -%}
<li><a href="{{ page.next_page.url | url }}">Next page<span class="next-page-title">: {{ page.next_page.title }}</span></a></li>
{%- endif -%}
{% if page.previous_page -%}
<li><a href="{{ page.previous_page.url | url }}">Previous page</a></li>
{%- endif %}
</ul>
<ul class="right">
{%- for label, url in config.extra.navbar.items() %}
<li><a href="{{ url | url }}">{{ label }}</a></li>
{%- endfor %}
</ul>
</div>
<div class="sidebar-container">
<label for="toggle-sidebar">Table of contents</label>
<input type="checkbox" id="toggle-sidebar">
<div class="sidebar">
<ul class="nav">
{%- for nav_item in nav %}
{%- if nav_item.children %}
<li class="section">{{ nav_item.title }}</li>
{%- for child in nav_item.children %}
<li {%- if child.active %} class="active"{% endif %}><a href="{{ child.url | url }}">
{{- child.title -}}
</a></li>
{%- endfor %}
{%- else %}
<li {%- if nav_item.active %} class="active"{% endif %}><a href="{{ nav_item.url | url }}">
{{- nav_item.title -}}
</a></li>
{%- endif %}
{%- endfor %}
</ul>
</div>
<div class="content">
<div class="wrapper">
{{ page.content }}
<div class="footer">
<ul class="inline-list">
<li>{{ config.copyright }}</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>