<!-- Override derived from hyde theme: https://github.com/getzola/hyde.git -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- Enable responsiveness on mobile devices-->
<!-- viewport-fit=cover is to support iPhone X rounded corners and notch in landscape-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
<title>{% block title %}{{ config.title }}{% endblock title %}</title>
<!-- CSS -->
<link rel="stylesheet" href="{{ get_url(path="print.css", trailing_slash=false) }}" media="print">
<link rel="stylesheet" href="{{ get_url(path="poole.css", trailing_slash=false) }}">
<link rel="stylesheet" href="{{ get_url(path="hyde.css", trailing_slash=false) }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
{% if config.generate_feed %}
<link rel="alternate" type={% if config.feed_filename == "atom.xml" %}"application/atom+xml"{% else %}"application/rss+xml"{% endif %} title="RSS" href="{{ get_url(path=config.feed_filename) | safe }}">
{% endif %}
{% block extra_head %}
{% endblock extra_head %}
</head>
<body class="{{ config.extra.hyde_theme }} {% if config.extra.hyde_reverse %}layout-reverse{% endif %}">
{% block sidebar %}
<div class="sidebar">
<div class="container {% if config.extra.hyde_sticky %}sidebar-sticky{% endif %}">
<div class="sidebar-about">
{% block sidebar_about %}
<a href="{{ config.base_url }}"><h1>{{ config.title }}</h1></a>
{% if config.description %}
<p class="lead">{{config.description}}</p>
{% endif %}
{% endblock sidebar_about %}
</div>
<ul class="sidebar-nav">
{% block sidebar_nav %}
{% for link in config.extra.hyde_links %}
<!-- johannst START | add replace $BASE_URL -->
{% set link_url = link.url | replace(from="$BASE_URL", to=config.base_url) %}
<li class="sidebar-nav-item"><a href="{{link_url}}">{{link.name}}</a></li>
<!-- johannst END -->
{% endfor %}
{% endblock sidebar_nav %}
</ul>
<!-- johannst START -->
<div class="search-container">
<input id="search" type="search" placeholder="🔎 Search">
</div>
<!-- johannst END -->
</div>
</div>
{% endblock sidebar %}
<!-- johannst: START | add id -->
<div class="content container" id="pages">
<!-- johannst: END -->
{% block content %}
<div class="posts">
<!-- johannst: START | remove `reverse` -->
{% for page in section.pages %}
<!-- johannst: END -->
<div class="post">
<h1 class="post-title">
<a href="{{ page.permalink }}">
{{ page.title }}
</a>
</h1>
<span class="post-date">{{ page.date | date(format="%Y-%m-%d") }}</span>
<!-- johannst: START | attach `tags` to each post listing -->
{% if page.taxonomies.tags %}
{% for tag in page.taxonomies.tags %}
<a href="{{ get_url(path="/tags/") }}/{{ tag }}">#{{ tag }}</a>
{% endfor %}
{% endif %}
<!-- johannst: END -->
</div>
{% endfor %}
</div>
{% endblock content %}
</div>
<!-- johannst START -->
<div class="content container" id="search-results">
<div id="search-results-items"></div>
</div>
<script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") }}"></script>
<script type="text/javascript" src="{{ get_url(path="search_index.en.js") }}"></script>
<script type="text/javascript" src="{{ get_url(path="search.js") }}"></script>
<!-- johannst END -->
</body>
</html>