feat: Add AniList Badges Easter Event 2025 demo

1 files changed, 30 insertions, 0 deletions

diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte
new file mode 100644
index 00000000..a4927f01
--- /dev/null
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  export let riddle: string;
+  export let answer: string;
+  export let onComplete: () => void;
+  export let hint: string | undefined = undefined;
+
+  let userInput = '';
+
+  const checkAnswer = () => {
+    if (userInput.toLowerCase() === answer.toLowerCase()) {
+      setTimeout(onComplete, 500);
+    } else {
+      setTimeout(() => (userInput = ''), 500);
+    }
+  };
+</script>
+
+<div class="container">
+  <p class="big-text">{riddle}</p>
+
+  <input bind:value={userInput} on:keyup={(e) => e.key === 'Enter' && checkAnswer()} />
+
+  <button on:click={checkAnswer}>Submit</button>
+
+  {#if hint}
+    <br />
+
+    <p class="opaque">Hint: {hint}</p>
+  {/if}
+</div>