mirror of
https://github.com/Noratrieb/website.git
synced 2026-01-14 08:55:01 +01:00
let back alley work on mobile
This commit is contained in:
parent
00bf633495
commit
c3e9ed78d3
1 changed files with 22 additions and 9 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue