Update homepage

src/data/build.js

@@ -3125,7 +3125,7 @@ export const builds = {
             id: 'halberd',
           },
         ],
-        artifacts: [['vermillion_hereafter'], ['viridescent_venerer', '+18%_atk_set', '+18%_atk_set']],
+        artifacts: [['vermillion_hereafter'], ['viridescent_venerer', '+18%_atk_set']],
         mainStats: {
           sands: 'ATK%',
           goblet: 'Anemo DMG / ATK%',

src/routes/_index/banner.svelte

@@ -13,16 +13,25 @@
   const dispatch = createEventDispatcher();
 
   const featured = {
-    kamisato_ayaka: {
-      name: 'Ayaka',
+    yelan: {
+      name: 'Yelan',
+      rarity: 'legendary',
+      count: 0,
+      average: '...',
+      percentage: '...',
+    },
+    xiao: {
+      name: 'xiao',
       rarity: 'legendary',
       count: 0,
       average: '...',
       percentage: '...',
     },
   };
-  const bannerId = 300029;
-  const image = 'ayaka.png';
+  const bannerId = 300030;
+  const image = 'yelanxiao.png';
+  const width = 800;
+  const height = 455;
 
   let loading = true;
   let user = '';
@@ -66,7 +75,7 @@
 
 <div class="bg-item rounded-xl p-4 flex flex-col">
   <div class="relative">
-    <img src="/images/home/{image}" alt="banner" style="min-height: 150px;" />
+    <img src="/images/home/{image}" alt="banner" style="min-height: 150px;" {width} {height} />
     <div class="flex flex-wrap text-white justify-end items-center absolute bottom-0 w-full">
       {#each Object.entries(featured) as [_, item], i}
         <div

src/routes/_index/build.svelte

@@ -10,7 +10,7 @@
 
   const dispatch = createEventDispatcher();
 
-  const promoted = ['kamisato_ayaka', 'rosaria', 'sayu', 'razor'];
+  const promoted = ['xiao'];
   let current = 0;
 
   async function change(index) {
@@ -47,6 +47,8 @@
             title={weapon.id}
             alt={weapon.id}
             class="bg-background-secondary rounded-md p-1 m-1 w-12 h-12"
+            width="48"
+            height="48"
           />
         {/each}
       </div>
@@ -62,6 +64,8 @@
                 alt={artifact}
                 title={artifact}
                 class="w-12 h-12"
+                width="48"
+                height="48"
               />
             {/each}
           </div>
@@ -72,15 +76,36 @@
       <p class="text-white mb-1">Stats</p>
       <div class="flex flex-wrap -m-1">
         <div class="rounded-md p-1 bg-background-secondary m-1 flex items-center">
-          <img src="/images/artifacts/adventurer_sands.png" alt="SANDS" title="SANDS" class="w-8 h-8 mr-1" />
+          <img
+            src="/images/artifacts/adventurer_sands.png"
+            alt="SANDS"
+            title="SANDS"
+            class="w-8 h-8 mr-1"
+            width="32"
+            height="32"
+          />
           <p class="text-white text-sm">{build.mainStats.sands}</p>
         </div>
         <div class="rounded-md p-1 bg-background-secondary m-1 flex items-center">
-          <img src="/images/artifacts/adventurer_goblet.png" alt="GOBLET" title="GOBLET" class="w-8 h-8 mr-1" />
+          <img
+            src="/images/artifacts/adventurer_goblet.png"
+            alt="GOBLET"
+            title="GOBLET"
+            class="w-8 h-8 mr-1"
+            width="32"
+            height="32"
+          />
           <p class="text-white text-sm">{build.mainStats.goblet}</p>
         </div>
         <div class="rounded-md p-1 bg-background-secondary m-1 flex items-center">
-          <img src="/images/artifacts/adventurer_circlet.png" alt="CIRCLET" title="CIRCLET" class="w-8 h-8 mr-1" />
+          <img
+            src="/images/artifacts/adventurer_circlet.png"
+            alt="CIRCLET"
+            title="CIRCLET"
+            class="w-8 h-8 mr-1"
+            width="32"
+            height="32"
+          />
           <p class="text-white text-sm">{build.mainStats.circlet}</p>
         </div>
       </div>

src/routes/_index/item.svelte

@@ -82,6 +82,8 @@
                   src="/images/characters/{char}.png"
                   alt={char}
                   title={char}
+                  width="40"
+                  height="40"
                 />
               </a>
             {/each}

src/routes/_index/wish.svelte

@@ -67,6 +67,8 @@
             ? `/images/weapons/${latestPull.id}.png`
             : '/images/wish.png'}
           alt={latestPull.id}
+          width="64"
+          height="64"
         />
       </div>
       <table class="text-white">