{% load i18n static %}
{% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}">
<head>
  <title>GraphiQL</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content={% block robots %}"noindex"{% endblock %}>
  <link rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo="/>

  <link rel="stylesheet" href="{% static "undine/css/main.css" %}">
  <link rel="stylesheet" href="{% static "undine/vendor/graphiql.min.css" %}">
  <link rel="stylesheet" href="{% static "undine/vendor/plugin-explorer.css" %}">

  <script src="{% static 'undine/vendor/react.development.js' %}"></script>
  <script src="{% static 'undine/vendor/react-dom.development.js' %}"></script>
  <script src="{% static 'undine/vendor/graphiql.min.js' %}"></script>
  <script src="{% static 'undine/vendor/plugin-explorer.umd.js' %}"></script>
</head>
<body style="background-color: hsl(var(--color-base))">
  <div id="graphiql"></div>
  {% csrf_token %}
  <script src="{% static 'undine/js/main.js' %}" defer></script>
</body>
</html>
