<!doctype html>
<html>
<head>
<title>{% block title %}ESDiag{% endblock %}</title>
<link id="theme-stylesheet" rel="stylesheet" href="/theme-borealis.css" />
<link rel="stylesheet" href="/style.css" />
<link rel="icon" type="image/svg+xml" href="/esdiag.svg" />
<link rel="apple-touch-icon" href="/esdiag.svg" />
<script type="module" src="/datastar.js"></script>
{% block extra_head %}{% endblock %}
</head>
<body data-signals="{theme: {dark: {% if theme_dark %}true{% else %}false{% endif %}}}">
<input id="dark-mode" type="checkbox" data-bind:theme.dark {% if theme_dark %}checked{% endif %} />
<script>
document.addEventListener('click', function(e) {
var target = e.target instanceof Element ? e.target : e.target.parentElement;
if (!target) return;
var a = target.closest('a');
if (a && a.target === '_blank') {
if (window.__TAURI_INTERNALS__) {
e.preventDefault();
window.__TAURI_INTERNALS__.invoke('plugin:opener|open_url', { url: a.href });
}
}
});
</script>
{% include "components/header.html" %}
{% block content %}{% endblock %}
{% include "components/footer.html" %}
{% if debug %}
<signals-panel data-signals:signalsPanel="false">
<signals-toggle>
<button type="button" title="Toggle signals panel" aria-label="Toggle signals panel" data-on:click="$signalsPanel = !$signalsPanel">
<icon-zap></icon-zap>
</button>
</signals-toggle>
<signals-view data-json-signals data-show="$signalsPanel"></signals-view>
</signals-panel>
{% endif %}
</body>
</html>