charasheet/src/common/templates/common/base.html

55 lines
2.3 KiB
HTML
Raw Normal View History

{% load static django_htmx %}
2022-10-28 22:16:23 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
2022-10-30 10:43:35 +01:00
<meta charset="UTF-8">
2022-10-30 15:50:53 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Character Sheet{% endblock %}</title>
2022-10-31 09:01:44 +01:00
<link href="{% static "vendor/bootstrap-5.2.2/bootstrap.min.css" %}"
2022-10-30 15:50:53 +01:00
rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
crossorigin="anonymous">
2022-10-30 16:33:28 +01:00
<link rel="stylesheet" href="{% static "vendor/fontawesome-6.2.0/css/fontawesome.min.css" %}">
<link rel="stylesheet" href="{% static "vendor/fontawesome-6.2.0/css/brands.min.css" %}">
<link rel="stylesheet" href="{% static "vendor/fontawesome-6.2.0/css/solid.min.css" %}">
2022-10-31 00:53:37 +01:00
<style>
body {
margin-bottom: 2em;
touch-action: manipulation;
}
</style>
2022-10-28 22:16:23 +02:00
</head>
<body>
2022-10-31 01:02:16 +01:00
<div class="container-fluid">
2022-10-30 15:50:53 +01:00
{% block content %}
{% include "common/hello-random.html" %}
{% endblock %}
</div>
2022-10-28 22:16:23 +02:00
<script src="{% static 'vendor/htmx-1.8.2.min.js' %}" defer></script>
{% django_htmx_script %}
{% if debug %}
<script type="javascript">
if (typeof window.htmx !== "undefined") {
htmx.on("htmx:afterSettle", function(detail) {
if (
typeof window.djdt !== "undefined"
&& detail.target instanceof HTMLBodyElement
) {
djdt.show_toolbar();
}
});
}
</script>
{% endif %}
2022-10-31 09:01:44 +01:00
<script src="{% static "vendor/bootstrap-5.2.2/bootstrap.bundle.min.js" %}"
2022-10-30 15:50:53 +01:00
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
2022-10-30 18:13:03 +01:00
<script type="application/javascript" defer>
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
</script>
2022-10-28 22:16:23 +02:00
</body>
</html>