mirror of
https://github.com/Noratrieb/website.git
synced 2026-01-14 17:05:02 +01:00
new puzzle, back alley
This commit is contained in:
parent
6981304b4e
commit
c7f0b96748
1 changed files with 27 additions and 2 deletions
|
|
@ -41,6 +41,10 @@
|
||||||
right: -100px;
|
right: -100px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.blog-back-alley {
|
||||||
|
background-color: #6a1b7e;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="overflow-hidden">
|
<body class="overflow-hidden">
|
||||||
|
|
@ -74,7 +78,7 @@
|
||||||
<div>
|
<div>
|
||||||
<h2>my blog</h2>
|
<h2>my blog</h2>
|
||||||
<p>i have a blog, it might be interesting, maybe.</p>
|
<p>i have a blog, it might be interesting, maybe.</p>
|
||||||
<a href="/blog" class="call-to-action">
|
<a href="/blog" id="blog-link" class="call-to-action" aria-live="polite">
|
||||||
<span>blog</span>
|
<span>blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -103,10 +107,10 @@
|
||||||
<script>
|
<script>
|
||||||
let clickCount = 0;
|
let clickCount = 0;
|
||||||
let ferrisuwuAnimating = false;
|
let ferrisuwuAnimating = false;
|
||||||
|
const ferrisuwu = document.getElementById("ferrisuwu");
|
||||||
function onSecretClick() {
|
function onSecretClick() {
|
||||||
clickCount++;
|
clickCount++;
|
||||||
if (clickCount > 3 && !ferrisuwuAnimating) {
|
if (clickCount > 3 && !ferrisuwuAnimating) {
|
||||||
const ferrisuwu = document.getElementById("ferrisuwu");
|
|
||||||
ferrisuwu.classList.add("ferrisuwu-animate");
|
ferrisuwu.classList.add("ferrisuwu-animate");
|
||||||
ferrisuwuAnimating = true;
|
ferrisuwuAnimating = true;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|
@ -115,6 +119,27 @@
|
||||||
}, 3000);
|
}, 3000);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const blog = document.getElementById("blog-link");
|
||||||
|
let isBKeyDown = false;
|
||||||
|
document.addEventListener("keydown", (ev) => {
|
||||||
|
const B = 66;
|
||||||
|
if (ev.keyCode === B) {
|
||||||
|
isBKeyDown = true;
|
||||||
|
blog.classList.add("blog-back-alley");
|
||||||
|
blog.href = "/back-alley.html";
|
||||||
|
blog.children[0].innerText = "blog?"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
document.addEventListener("keyup", (ev) => {
|
||||||
|
const B = 66;
|
||||||
|
if (ev.keyCode === B) {
|
||||||
|
isBKeyDown = false;
|
||||||
|
blog.classList.remove("blog-back-alley");
|
||||||
|
blog.href = "/blog";
|
||||||
|
blog.children[0].innerText = "blog"
|
||||||
|
}
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue