<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ pageTitle }}</title>

  <!-- Feeds. -->
  <link rel="alternate" type="application/rss+xml" href="{{ toRoot }}/feed.rss" title="Tildes Issue Log">
  <link rel="alternate" type="application/atom+xml" href="{{ toRoot }}/feed.atom" title="Tildes Issue Log">
  <link rel="alternate" type="application/json" href="{{ toRoot }}/feed.json" title="Tildes Issue Log">

  <!-- CSS. -->
  <link href="{{ toRoot }}/css/style.css" rel="stylesheet">

  <!-- Favicons. -->
  <link rel="apple-touch-icon" sizes="180x180" href="{{ toRoot }}/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="180x180" href="{{ toRoot }}/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ toRoot }}/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ toRoot }}/favicon-16x16.png">
  <link rel="manifest" href="{{ toRoot }}/site.webmanifest">
  <link rel="mask-icon" href="{{ toRoot }}/safari-pinned-tab.svg" color="#282a36">
  <link rel="shortcut icon" href="{{ toRoot }}/favicon.ico">
  <meta name="msapplication-TileColor" content="#282a36">
  <meta name="msapplication-config" content="{{ toRoot }}/browserconfig.xml">
  <meta name="theme-color" content="#282a36">

  <!-- Open Graph stuff. -->
  <meta property="og:title" content="{{ pageTitle }}" />
  <meta property="og:image" content="{{ toRoot }}/android-chrome-192x192.png">

  <!-- Extra data defined in other templates. -->
  {% block head %}{% endblock %}
</head>

<body id="dark-theme">
  <header id="header">
    <a href="{{ toRoot }}">
      <img alt="The Tildes Issue Log logo." src="{{ toRoot }}/images/tildes-issue-log.png">
      <h1 class="small">Issue Log</h1>
      <h1 class="big">Tildes Issue Log</h1>
    </a>
    <button aria-label="Theme Toggle" id="theme-toggle"></button>
  </header>

  {% block body %}{% endblock %}

  <footer id="footer">
    <a href="{{ toRoot }}">Home</a>
    <a id="license" href="{{ toRoot }}/attributions.html">Tildes Issue Log</a>
  </footer>

  <script src="{{ toRoot }}/js/theme-switcher.js"></script>
</body>

</html>
