Update homepage
parent
5ca5c9a6a4
commit
1443ce1954
|
@ -3125,7 +3125,7 @@ export const builds = {
|
||||||
id: 'halberd',
|
id: 'halberd',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
artifacts: [['vermillion_hereafter'], ['viridescent_venerer', '+18%_atk_set', '+18%_atk_set']],
|
artifacts: [['vermillion_hereafter'], ['viridescent_venerer', '+18%_atk_set']],
|
||||||
mainStats: {
|
mainStats: {
|
||||||
sands: 'ATK%',
|
sands: 'ATK%',
|
||||||
goblet: 'Anemo DMG / ATK%',
|
goblet: 'Anemo DMG / ATK%',
|
||||||
|
|
|
@ -13,16 +13,25 @@
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher();
|
||||||
|
|
||||||
const featured = {
|
const featured = {
|
||||||
kamisato_ayaka: {
|
yelan: {
|
||||||
name: 'Ayaka',
|
name: 'Yelan',
|
||||||
|
rarity: 'legendary',
|
||||||
|
count: 0,
|
||||||
|
average: '...',
|
||||||
|
percentage: '...',
|
||||||
|
},
|
||||||
|
xiao: {
|
||||||
|
name: 'xiao',
|
||||||
rarity: 'legendary',
|
rarity: 'legendary',
|
||||||
count: 0,
|
count: 0,
|
||||||
average: '...',
|
average: '...',
|
||||||
percentage: '...',
|
percentage: '...',
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
const bannerId = 300029;
|
const bannerId = 300030;
|
||||||
const image = 'ayaka.png';
|
const image = 'yelanxiao.png';
|
||||||
|
const width = 800;
|
||||||
|
const height = 455;
|
||||||
|
|
||||||
let loading = true;
|
let loading = true;
|
||||||
let user = '';
|
let user = '';
|
||||||
|
@ -66,7 +75,7 @@
|
||||||
|
|
||||||
<div class="bg-item rounded-xl p-4 flex flex-col">
|
<div class="bg-item rounded-xl p-4 flex flex-col">
|
||||||
<div class="relative">
|
<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">
|
<div class="flex flex-wrap text-white justify-end items-center absolute bottom-0 w-full">
|
||||||
{#each Object.entries(featured) as [_, item], i}
|
{#each Object.entries(featured) as [_, item], i}
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher();
|
||||||
|
|
||||||
const promoted = ['kamisato_ayaka', 'rosaria', 'sayu', 'razor'];
|
const promoted = ['xiao'];
|
||||||
let current = 0;
|
let current = 0;
|
||||||
|
|
||||||
async function change(index) {
|
async function change(index) {
|
||||||
|
@ -47,6 +47,8 @@
|
||||||
title={weapon.id}
|
title={weapon.id}
|
||||||
alt={weapon.id}
|
alt={weapon.id}
|
||||||
class="bg-background-secondary rounded-md p-1 m-1 w-12 h-12"
|
class="bg-background-secondary rounded-md p-1 m-1 w-12 h-12"
|
||||||
|
width="48"
|
||||||
|
height="48"
|
||||||
/>
|
/>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
@ -62,6 +64,8 @@
|
||||||
alt={artifact}
|
alt={artifact}
|
||||||
title={artifact}
|
title={artifact}
|
||||||
class="w-12 h-12"
|
class="w-12 h-12"
|
||||||
|
width="48"
|
||||||
|
height="48"
|
||||||
/>
|
/>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
@ -72,15 +76,36 @@
|
||||||
<p class="text-white mb-1">Stats</p>
|
<p class="text-white mb-1">Stats</p>
|
||||||
<div class="flex flex-wrap -m-1">
|
<div class="flex flex-wrap -m-1">
|
||||||
<div class="rounded-md p-1 bg-background-secondary m-1 flex items-center">
|
<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>
|
<p class="text-white text-sm">{build.mainStats.sands}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="rounded-md p-1 bg-background-secondary m-1 flex items-center">
|
<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>
|
<p class="text-white text-sm">{build.mainStats.goblet}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="rounded-md p-1 bg-background-secondary m-1 flex items-center">
|
<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>
|
<p class="text-white text-sm">{build.mainStats.circlet}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -82,6 +82,8 @@
|
||||||
src="/images/characters/{char}.png"
|
src="/images/characters/{char}.png"
|
||||||
alt={char}
|
alt={char}
|
||||||
title={char}
|
title={char}
|
||||||
|
width="40"
|
||||||
|
height="40"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
{/each}
|
{/each}
|
||||||
|
|
|
@ -67,6 +67,8 @@
|
||||||
? `/images/weapons/${latestPull.id}.png`
|
? `/images/weapons/${latestPull.id}.png`
|
||||||
: '/images/wish.png'}
|
: '/images/wish.png'}
|
||||||
alt={latestPull.id}
|
alt={latestPull.id}
|
||||||
|
width="64"
|
||||||
|
height="64"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<table class="text-white">
|
<table class="text-white">
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 301 KiB |
Loading…
Reference in New Issue