Add easter egg options for blogs? #36

New issue

Open

opened 2025-10-13 16:56:38 +00:00 by linuxgoose · 0 comments

linuxgoose commented

2025-10-13 16:56:38 +00:00

Owner

May be cool to define some easter eggs that users can customise and enable on their blogs?

Perhaps some like:

Konami Code Easter Egg

<script>
  // Konami code Easter egg (↑↑↓↓←→←→BA)
  const konami = [38,38,40,40,37,39,37,39,66,65];
  let position = 0;

  window.addEventListener("keydown", (e) => {
    if (e.keyCode === konami[position]) {
      position++;
      if (position === konami.length) {
        alert("You found the secret garden!");
        document.body.style.background = "linear-gradient(90deg, #ff7eb9, #7afcff, #feff9c)";
        position = 0;
      }
    } else {
      position = 0;
    }
  });
</script>

Custom / Secret Console Easter Egg

<script>
  console.log("%cPsst! Type `openSesame()` to unlock a secret...", "color: lime; font-size: 16px");

  function openSesame() {
    alert("A hidden door creaks open...");
    window.location.href = "/secret-room";
  }
</script>

Click Easter Egg

<script>
  let clickCount = 0;

  document.body.addEventListener("click", () => {
    clickCount++;
    if (clickCount === 10) {
      alert("You clicked 10 times! Down the rabbit hole you go...");
      window.location.href = "/rabbit-hole.html";
    }
  });
</script>

May be cool to define some easter eggs that users can customise and enable on their blogs? Perhaps some like: Konami Code Easter Egg ``` <script> // Konami code Easter egg (↑↑↓↓←→←→BA) const konami = [38,38,40,40,37,39,37,39,66,65]; let position = 0; window.addEventListener("keydown", (e) => { if (e.keyCode === konami[position]) { position++; if (position === konami.length) { alert("You found the secret garden!"); document.body.style.background = "linear-gradient(90deg, #ff7eb9, #7afcff, #feff9c)"; position = 0; } } else { position = 0; } }); </script> ``` Custom / Secret Console Easter Egg ``` <script> console.log("%cPsst! Type `openSesame()` to unlock a secret...", "color: lime; font-size: 16px"); function openSesame() { alert("A hidden door creaks open..."); window.location.href = "/secret-room"; } </script> ``` Click Easter Egg ``` <script> let clickCount = 0; document.body.addEventListener("click", () => { clickCount++; if (clickCount === 10) { alert("You clicked 10 times! Down the rabbit hole you go..."); window.location.href = "/rabbit-hole.html"; } }); </script> ```