new puzzle, back alley

This commit is contained in:
nora 2024-01-21 20:52:31 +01:00
parent 6981304b4e
commit c7f0b96748

View file

@ -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>