This repository has been archived on 2024-07-07. You can view files and clone it, but cannot push or open issues or pull requests.
bird.tacowolf.net/themes/avian/layouts/partials/dev/container-indicator.html

37 lines
No EOL
1.2 KiB
HTML

{{ if .Site.IsServer }}
<button id="container-menu" onclick="changeContainerVisibility()"
class="w-8 h-8 mb-2 block rounded-full text-slate-600 text-sm bg-slate-200 uppercase pointer-events-auto">
<span>C</span>
</button>
<div id="container-area"
class="fixed inset-0 top-0 -z-50 container mx-auto h-full bg-red-200 bg-opacity-25 pointer-events-none hidden">
<p></p>
</div>
<script>
function setContainerVisibility(data) {
var showContainer = data;
var e = document.querySelector("#container-area");
if (e.classList.contains("hidden") == showContainer) {
e.classList.toggle("hidden");
}
sessionStorage.setItem("showContainer", showContainer);
}
function changeContainerVisibility() {
var e = document.querySelector("#container-area");
var showContainer = e.classList.contains("hidden") ? true : false;
setContainerVisibility(showContainer);
}
function setupContainerIndicator() {
/* load variables from session storage */
var showContainer = sessionStorage.getItem("showContainer") === "true";
setContainerVisibility(showContainer);
}
window.onload = setupContainerIndicator();
</script>
{{ end }}