<!DOCTYPE html>
<html>
<head>
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }}</title>
{% seo title=false %}
{%- assign page_paths = site.header_pages | default: default_paths -%}
{% include meta.html %}
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/style.css" />
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<script src="{{ site.baseurl }}/assets/js/darkreader.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/lightning.js"></script>
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/images/deepfried-cropped.png">
{% include analytics_head.html %}
</head>
<body>
<div id="bar"></div>
<div class="wrapper-container">
<div class="wrapper-masthead">
<div class="container">
<header class="masthead clearfix">
<a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.baseurl }}{{ site.avatar }}" alt="{{ site.title }}" /></a>
<div class="site-info">
<h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
<p class="site-description">{{ site.description }}</p>
</div>
<nav>
{%- for path in page_paths -%}
{%- assign my_page = site.pages | where: "path", path | first -%}
{%- if my_page.title -%}
<a href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
{%- endif -%}
{%- endfor -%}
<a id="dark-mode-button" onclick="darkmode()" >
<span>🌙</span>
</a>
</nav>
</header>
</div>
</div>
<div class="wrapper-main">
<div id="main" role="main" class="container">
{{ content }}
</div>
</div>
<div class="wrapper-footer">
<div class="container">
<footer class="footer">
{% include svg-icons.html %}
</footer>
</div>
</div>
</div>
{% include analytics.html %}
</body>
</html>