Update homepage

src/routes/_index/banner.svelte

@@ -13,15 +13,15 @@
   const dispatch = createEventDispatcher();
 
   const featured = {
-    eula: {
+    klee: {
       rarity: 'legendary',
       count: 0,
       average: '...',
       percentage: '...',
     },
   };
-  const bannerId = 300013;
-  const image = 'eula.png';
+  const bannerId = 300014;
+  const image = 'klee.png';
 
   let loading = true;
   let user = '';
@@ -80,7 +80,7 @@
             {/if}
           </h3>
           <p class="ml-6 font-sm leading-2">
-            <span class="font-semibold">{$t(`home.banner.featured.${i}`)}</span>
+            <span class="font-semibold">Klee</span>
             {$t('home.banner.summoned')}
           </p>
         </div>

src/routes/index.svelte

@@ -33,6 +33,7 @@
       }, 1);
     });
   });
+
 </script>
 
 <svelte:head>
@@ -55,10 +56,10 @@
     <Event on:done={onDone} />
     <Item on:done={onDone} />
     <Discord on:done={onDone} />
-    <div class="flex flex-col space-y-4">
-      <Calculator on:done={onDone} />
-      <Achievement on:done={onDone} />
-    </div>
+    <Calculator on:done={onDone} />
+    <Achievement on:done={onDone} />
     <Twitter on:done={onDone} />
+    <!-- <div class="flex flex-col space-y-4">
+    </div> -->
   </Masonry>
 </div>

src/routes/wish/tally/index.svelte

@@ -5,11 +5,12 @@
   import Item from './_item.svelte';
   import ItemNew from './_itemNew.svelte';
 
-  let showOld = [false, false];
+  let showOld = [false, false, false, false];
 
   function showOldTally(index) {
     showOld[index] = true;
   }
+
 </script>
 
 <svelte:head>
@@ -25,6 +26,13 @@
     </p>
 
     <div class="px-4 md:px-8">
+      <ItemNew type="character" banner={banners.characters[13]} id={300014} featured={['klee']} />
+      <ItemNew
+        type="weapon"
+        banner={banners.weapons[12]}
+        id={400013}
+        featured={['lost_prayer_to_the_sacred_winds', 'skyward_pride']}
+      />
       <ItemNew type="character" banner={banners.characters[12]} id={300013} featured={['eula']} />
       <ItemNew
         type="weapon"
@@ -32,10 +40,23 @@
         id={400012}
         featured={['song_of_broken_pines', 'aquila_favonia']}
       />
-      <ItemNew type="character" banner={banners.characters[11]} id={300012} featured={['zhongli', 'yanfei']} />
-      <ItemNew type="weapon" banner={banners.weapons[10]} id={400011} featured={['summit_shaper', 'memory_of_dust']} />
       <ItemNew type="character" banner={banners.standard[0]} id={200001} />
       {#if showOld[0]}
+        <ItemNew type="character" banner={banners.characters[11]} id={300012} featured={['zhongli', 'yanfei']} />
+        <ItemNew
+          type="weapon"
+          banner={banners.weapons[10]}
+          id={400011}
+          featured={['summit_shaper', 'memory_of_dust']}
+        />
+      {:else}
+        <Button on:click={() => showOldTally(0)}>
+          {$t('wish.tally.show')}
+          {banners.characters[11].name} & {banners.weapons[10].name}
+        </Button>
+        <div class="mb-2" />
+      {/if}
+      {#if showOld[1]}
         <Item type="character" banner={banners.characters[10]} id={300011} featured={['tartaglia', 'rosaria']} />
         <Item
           type="weapon"
@@ -44,13 +65,13 @@
           featured={['skyward_harp', 'lost_prayer_to_the_sacred_winds']}
         />
       {:else}
-        <Button on:click={() => showOldTally(0)}>
+        <Button on:click={() => showOldTally(1)}>
           {$t('wish.tally.show')}
           {banners.characters[10].name} & {banners.weapons[9].name}
         </Button>
         <div class="mb-2" />
       {/if}
-      {#if showOld[1]}
+      {#if showOld[2]}
         <Item type="character" banner={banners.characters[9]} id={300010} featured={['venti']} />
         <Item
           type="weapon"
@@ -59,17 +80,17 @@
           featured={['skyward_harp', 'lost_prayer_to_the_sacred_winds']}
         />
       {:else}
-        <Button on:click={() => showOldTally(1)}>
+        <Button on:click={() => showOldTally(2)}>
           {$t('wish.tally.show')}
           {banners.characters[9].name} & {banners.weapons[8].name}
         </Button>
         <div class="mb-2" />
       {/if}
-      {#if showOld[2]}
+      {#if showOld[3]}
         <Item type="character" banner={banners.characters[8]} id={300009} featured={['hu_tao']} />
         <Item type="weapon" banner={banners.weapons[7]} id={400008} featured={['wolfs_gravestone', 'staff_of_homa']} />
       {:else}
-        <Button on:click={() => showOldTally(2)}>
+        <Button on:click={() => showOldTally(3)}>
           {$t('wish.tally.show')}
           {banners.characters[8].name} & {banners.weapons[7].name}
         </Button>