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

65 lines
2.8 KiB
HTML
Raw Normal View History

2022-11-06 14:07:16 +01:00
{% load static django_htmx django_bootstrap5 %}
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">
2022-11-09 18:00:44 +01:00
<title>{% block title %}CharaSheet - Gérez votre personnage de Chroniques Oubliées{% endblock %}</title>
2022-11-09 18:22:28 +01:00
{% include "common/icons.html" %}
2022-11-09 18:00:44 +01:00
{% include "common/opengraph.html" %}
2022-10-31 09:51:49 +01:00
<link rel="stylesheet" href="{% static "vendor/bootstrap-5.2.2/bootstrap.min.css" %}">
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-11-06 14:42:29 +01:00
<link rel="stylesheet" href="{% static "style.css" %}">
2022-11-02 22:02:48 +01:00
{% block head_end %}
{% endblock %}
2022-10-28 22:16:23 +02:00
</head>
2022-11-09 21:25:14 +01:00
<body class="d-flex flex-column min-vh-100 mb-0">
2022-11-01 11:45:48 +01:00
{% include "common/navbar.html" %}
<main class="mb-4">
2022-11-09 21:25:14 +01:00
<div class="container">
{% bootstrap_messages %}
{% block content %}
{% endblock %}
</div>
</main>
{% include "common/footer.html" %}
2022-10-30 15:50:53 +01:00
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:51:49 +01:00
<script src="{% static "vendor/bootstrap-5.2.2/bootstrap.bundle.min.js" %}"></script>
2022-10-30 18:13:03 +01:00
<script type="application/javascript" defer>
2022-11-02 21:41:06 +01:00
let tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
let tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
addEventListener("refresh_tooltips", function (event) {
tooltipList.forEach(tooltip => tooltip.dispose());
2022-11-25 15:59:12 +01:00
tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
2022-11-02 21:41:06 +01:00
});
2022-10-30 18:13:03 +01:00
</script>
2022-10-28 22:16:23 +02:00
</body>
</html>