aboutsummaryrefslogtreecommitdiffstats
path: root/browser/templates/base.html.j2
blob: 8b41a850179717b2a939a5dc313ccc1bfb5d019a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preload" href="/static/InclusiveSans-Regular.ttf" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="stylesheet" href="/static/styles.css"></link>
    {% block head_meta %}
    <title>Database browser</title>
    <meta name="description" content="Database browser for log_db">
    {% endblock %}
</head>
<body>
  <h1><a href="/">Database browser</a></h1>
  {% block content %}{% endblock %}

  <!-- https://leanrada.com/htmz/ -->
  <iframe hidden name=htmz onload="setTimeout(()=>document.querySelector(contentWindow.location.hash||null)?.replaceWith(...contentDocument.body.childNodes))"></iframe>
  <!-- Enable progressive enhancement for htmz -->
  <script>
  document.querySelectorAll("form[htmz]").forEach(function (element) {
    const input = document.createElement("input");
    input.type = "hidden";
    input.name = "htmz";
    input.value = element.attributes.replace.value;
    element.appendChild(input);

    const action = new URL(element.action);
    action.hash = element.attributes.replace.value;
    element.action = action.toString();
    element.target = "htmz";
  });
  </script>
</body>
</html>