<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="color-scheme" content="light dark"/>
    <link rel="stylesheet" type="text/css" href="css/transbeam.css?{{ cachebuster }}"/>
    <link rel="stylesheet" type="text/css" href="css/colors.css?{{ cachebuster }}"/>
    <link rel="apple-touch-icon" href="images/site-icons/transbeam-apple.png"/>
    <link rel="manifest" href="manifest.json"/>
    <title>{% block title %}transbeam{% endblock %}</title>
    <meta name="og:type" property="og:type" content="website"/>
    <meta name="og:site_name" property="og:site_name" content="transbeam"/>
    <meta name="og:title" property="og:title" content="{% block og_title %}transbeam{% endblock %}"/>
    <meta name="og:description" property="og:description" content="{% block og_description %}Low-latency file-drop web app{% endblock %}"/>
    <meta name="og:image" property="og:image" content="{{ base_url }}/images/site-icons/transbeam-192.png"/>
    <meta name="og:url" property="og:url" content="{{ base_url }}/{% block relative_path %}{% endblock %}"/>
    {% block head %}{% endblock %}
  </head>
  <body {% block body_attrs %}{% endblock %}>
    <div id="header">
      <a href="./">
        <img src="images/site-icons/transbeam.svg" height="128">
        <h1>transbeam</h1>
      </a>
    </div>
    {% block body %}{% endblock %}
    <div id="footer">
      <h5>(c) 2022 xenofem, MIT licensed</h5>
      <h5><a target="_blank" href="https://git.xeno.science/xenofem/transbeam">source</a></h5>
    </div>
  </body>
</html>