<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>{% block title required %}{% endblock %} - Eorzea Songbook</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
        <meta name="description" content="An unofficial library of the motifs in Final Fantasy XIV's soundtrack." />
        <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
        {%block sheet %}{% endblock %}
        <link rel="icon" type="image/png" href="{{ url_for('static', filename='songbook.png') }}" />
        <script src="{{ url_for('static', filename='htmx.min.js') }}"></script>
        <script src="{{ url_for('static', filename='script.js') }}"></script>
        <script type="text/javascript">
            window.addEventListener('keydown',function(e) {
                if (e.keyIdentifier=='U+000A' || e.keyIdentifier=='Enter' || e.keyCode==13) {
                    if (e.target.nodeName=='INPUT' && e.target.type=='text') {
                        e.preventDefault();
        
                        return false;
                    }
                }
            }, true);
        </script>        
    </head>
  
    <body>

        {% block nav %}{% include 'nav.html' %}{% endblock %}
        {% block main %}<main>{% endblock %}
        {% block content required %}{% endblock %}
        {% block main2 %}</main>{% endblock %}
        {% block footer %}{% include 'footer.html' %}{% endblock %}

    </body>
</html>