feat: Add AniList Badges Easter Event 2025 demo #2

3 files changed, 18 insertions, 3 deletions

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 653c3836..daf51739 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -12,6 +12,7 @@
   import locale from '$stores/locale.js';
   import Landing from '$lib/Landing.svelte';
   import IndexColumn from '$lib/List/Anime/DueIndexColumn.svelte';
+  import EasterEgg from '$lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte';
 
   export let data;
 
@@ -47,7 +48,11 @@
   >
     <div class="left-column">
       {#if !$settings.disableUpcomingAnime}
-        <details open={!$settings.displayUpcomingAnimeCollapsed} class="list list-upcoming">
+        <details
+          open={!$settings.displayUpcomingAnimeCollapsed}
+          class="list list-upcoming"
+          id="easter-target"
+        >
           {#if $userIdentity.id !== -2}
             <UpcomingAnimeList user={data.user} />
           {:else}
@@ -63,6 +68,8 @@
       {/if}
     </div>
 
+    <EasterEgg id={0} />
+
     <div class="right-column">
       {#if !$settings.disableAnime && $settings.disableManga}
         <IndexColumn user={data.user} userIdentity={$userIdentity} />
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index d483d7fe..26eaa0ec 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -11,6 +11,7 @@
   import Skeleton from '$lib/Loading/Skeleton.svelte';
   import locale from '$stores/locale.js';
   import Landing from '$lib/Landing.svelte';
+  import EasterEgg from '$lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte';
 
   export let data;
 
@@ -34,7 +35,7 @@
 {:else}
   <div class="list-container">
     {#if !$settings.displayFiltersIncludeCompleted || !$settings.disableAnime}
-      <details open={!$settings.displayAnimeCollapsed} class="list">
+      <details open={!$settings.displayAnimeCollapsed} class="list" id="easter-target">
         {#if $userIdentity.id !== -2}
           <WatchingAnimeList user={data.user} />
         {:else}
@@ -63,6 +64,8 @@
   </div>
 {/if}
 
+<EasterEgg id={1} />
+
 <style>
   .list-container {
     display: flex;
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 42ee4edd..1302b3ea 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -14,6 +14,7 @@
   import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
   import SettingSync from '$lib/Settings/Categories/SettingSync.svelte';
   import RssFeeds from '$lib/Settings/Categories/RSSFeeds.svelte';
+  import EasterEgg from '$lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte';
 
   export let data;
 
@@ -64,7 +65,9 @@
 {:else}
   <div class="small-categories">
     <Category title={$locale().settings.settingsSync.title} id="sync" newLine={false}>
-      <SettingSync />
+      <div id="easter-target">
+        <SettingSync />
+      </div>
     </Category>
     <Category title={$locale().settings.rssFeeds.title} id="feeds" newLine={false}>
       <RssFeeds user={data.user} />
@@ -93,6 +96,8 @@
   <Category title={$locale().settings.attributions.title} open={false}><Attributions /></Category>
 {/if}
 
+<EasterEgg id={2} />
+
 <style>
   .small-categories {
     display: grid;