let back alley work on mobile

This commit is contained in:
nora 2024-01-26 20:32:31 +01:00
parent 00bf633495
commit c3e9ed78d3

View file

@ -105,7 +105,7 @@
in addition to all the other stuff mentioned above, i also have some random projects in addition to all the other stuff mentioned above, i also have some random projects
hosted on my server. they are pretty bad and i won't promote them this openly, but you hosted on my server. they are pretty bad and i won't promote them this openly, but you
will be able to find them if you really want to. some people have been saying that there will be able to find them if you really want to. some people have been saying that there
might be a secret <span role="button" class="hint">b</span>ack alley somewhere... might be a secret <span role="button" class="hint" onclick="onBackalleyClick()">b</span>ack alley somewhere...
</p> </p>
</div> </div>
</div> </div>
@ -133,23 +133,36 @@
const blog = document.getElementById("blog-link"); const blog = document.getElementById("blog-link");
let isBKeyDown = false; let isBKeyDown = false;
document.addEventListener("keydown", (ev) => { function activateBackalley() {
const B = 66;
if (ev.keyCode === B) {
isBKeyDown = true; isBKeyDown = true;
blog.classList.add("blog-back-alley"); blog.classList.add("blog-back-alley");
blog.href = "/" + "{{ back_alley_name }}"; blog.href = "/" + "{{ back_alley_name }}";
blog.children[0].innerText = "blog?"; blog.children[0].innerText = "blog?";
} }
}); function deactivateBackalley() {
document.addEventListener("keyup", (ev) => {
const B = 66;
if (ev.keyCode === B) {
isBKeyDown = false; isBKeyDown = false;
blog.classList.remove("blog-back-alley"); blog.classList.remove("blog-back-alley");
blog.href = "/blog"; blog.href = "/blog";
blog.children[0].innerText = "blog"; blog.children[0].innerText = "blog";
} }
let backalleyClicks = 0;
function onBackalleyClick() {
backalleyClicks++;
if (backalleyClicks > 1) {
activateBackalley();
}
}
document.addEventListener("keydown", (ev) => {
const B = 66;
if (ev.keyCode === B) {
activateBackalley();
}
});
document.addEventListener("keyup", (ev) => {
const B = 66;
if (ev.keyCode === B) {
deactivateBackalley();
}
}); });
</script> </script>
</body> </body>