44 lines
1.7 KiB
HTML
44 lines
1.7 KiB
HTML
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
<meta name="google" content="notranslate">
|
||
|
|
<title>Toloka2Web</title>
|
||
|
|
<link href="https://cdn.jsdelivr.net/npm/beercss@3.6.13/dist/cdn/beer.min.css" rel="stylesheet">
|
||
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.6.13/dist/cdn/beer.min.js"></script>
|
||
|
|
<script type="module"
|
||
|
|
src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
|
||
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="dark">
|
||
|
|
{% block nav %}{% endblock %}
|
||
|
|
<header class="surface-dim">
|
||
|
|
<nav>
|
||
|
|
<h5 class="max"></h5>
|
||
|
|
<a class="chip circle"><i>palette</i><input id="color-picker" type="color"></a>
|
||
|
|
<a class="chip circle" onclick="document.body.classList.toggle('dark');"><i>light_mode</i></a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main class="responsive">
|
||
|
|
{% block content %}{% endblock %}
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
addEventListener("DOMContentLoaded", function startup() {
|
||
|
|
colorPicker = document.querySelector("#color-picker");
|
||
|
|
colorPicker.addEventListener("change", updateAll, false);
|
||
|
|
ui("theme", Cookies.get('my-color'));
|
||
|
|
})
|
||
|
|
function updateAll(event) {
|
||
|
|
ui("theme", event.target.value);
|
||
|
|
Cookies.set('my-color', event.target.value);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|