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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% endblock %}{% if self.title() %} | {% endif %}{% block roottitle %}Arcade Reverse Engineering{% endblock %}</title>

    <link rel="stylesheet" href="{{ROOT}}/styles.css?ver=16">
    <link rel="stylesheet" href="{{ROOT}}/tango.css">
    <link rel="canonical" href="{{CANONICAL}}" />

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-LG6C6HT317"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-LG6C6HT317');
    </script>
</head>

<body>
    {% block rootbody %}{% endblock %}
    {{ generate_footer()|safe }}
    <script src="{{ROOT}}/headers.js?v=1"></script>
</body>

</html>