<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#000000">
    <meta name="application-name" content="Snek chat by Molodetz">
    <meta name="description" content="Snek chat by Molodetz">
    <meta name="author" content="Molodetz">
    <meta name="keywords" content="snek, chat, molodetz">
    <meta name="color-scheme" content="dark">

    <link rel="stylesheet" href="/sandbox.css" />
    <title>{% block title %}Snek chat by Molodetz{% endblock %}</title>

    <script src="/polyfills/Promise.withResolvers.js" type="module"></script>
    <script src="/app.js" type="module"></script>
    <script src="/message-list.js" type="module"></script>
    <style>{{ highlight_styles }}</style>
    <link rel="stylesheet" href="/style.css?rid={{ rid }}">
    <script src="/fancy-button.js" type="module"></script>
    <script src="/html-frame.js" type="module"></script>
    <script src="/generic-form.js?rid={{ rid }}" type="module"></script>
    <link rel="stylesheet" href="/html-frame.css">
    <script async defer src="https://umami.molodetz.nl/script.js" data-website-id="d127c3e4-dc70-4041-a1c8-bcc32c2492ea"></script>
    {% block head %}
    {% endblock %}
</head>
<body>
<header>
    {% block header %}
    {% endblock %}

</header>
<main>
    {% block main %}
    {% endblock %}
    {% include "sandbox.html" %}
</main>
</body>
</html>
