chore: remove old character list card code
This commit is contained in:
-149
@@ -31,155 +31,6 @@ export async function ListPage(
|
|||||||
locs: EnkaLocsLanguage,
|
locs: EnkaLocsLanguage,
|
||||||
log: Logger,
|
log: Logger,
|
||||||
) {
|
) {
|
||||||
const _s = (
|
|
||||||
<div tw="flex font-[Open_Sans]">
|
|
||||||
{/* left bar */}
|
|
||||||
<div
|
|
||||||
tw="flex flex-col justify-between p-[1em] w-[37.5%]"
|
|
||||||
style={{
|
|
||||||
textShadow: "0px .08em .2em black",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{/* profile */}
|
|
||||||
<div tw="flex gap-[1em] relative">
|
|
||||||
<div tw="flex absolute -top-1 -left-1 -bottom-1 -right-1 overflow-hidden rounded-[.3em] opacity-50">
|
|
||||||
<img src="/namecard" alt="namecard" tw="object-cover" />
|
|
||||||
</div>
|
|
||||||
<div tw="flex overflow-hidden rounded-[.7em] bg-black/25 shrink-0">
|
|
||||||
<img
|
|
||||||
src="/pfp"
|
|
||||||
alt="pfp"
|
|
||||||
tw="object-cover scale-120 w-[10em] h-[10em]"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div tw="flex flex-col justify-evenly py-[.5em] min-w-0">
|
|
||||||
<div tw="flex text-[1.4em] font-[ShinShin]">{p.nickname}</div>
|
|
||||||
<div tw="flex items-center gap-[.4em] opacity-70 font-bold text-[1.2em] tracking-widest">
|
|
||||||
AR {p.level}
|
|
||||||
<svg
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 100 100"
|
|
||||||
tw="h-[.75em] w-[.75em]"
|
|
||||||
>
|
|
||||||
<title>doritos</title>
|
|
||||||
<polygon points="50,10 90,90 10,90" fill="currentColor" />
|
|
||||||
</svg>
|
|
||||||
WL {p.worldLevel}
|
|
||||||
</div>
|
|
||||||
<div tw="grow">
|
|
||||||
<div tw="flex opacity-70 pt-[.5em] text-[1.1em] leading-none">
|
|
||||||
{p.signature}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div tw="flex pt-[.2em]">
|
|
||||||
<div tw="flex opacity-50">UID</div>
|
|
||||||
{`: ${uid}`}
|
|
||||||
</div>
|
|
||||||
<div tw="flex text-[1.2em] p-[.7em]">
|
|
||||||
<div tw="grid grid-cols-[2em_1fr_1.25fr] gap-y-[.25em]">
|
|
||||||
<img tw="aspect-square h-[2em]" src="/i/achi" alt="achievements" />
|
|
||||||
<div tw="flex items-center font-[ShinShin]">
|
|
||||||
{p.finishAchievementNum}
|
|
||||||
</div>
|
|
||||||
<div tw="text-[.75em] flex items-center justify-end opacity-50 pb-2 whitespace-nowrap text-ellipsis">
|
|
||||||
{locs.achievements}
|
|
||||||
</div>
|
|
||||||
{p.towerFloorIndex && (
|
|
||||||
<>
|
|
||||||
<img tw="aspect-square h-[2em]" src="/i/abyss" alt="abyss" />
|
|
||||||
<div tw="flex items-center font-[ShinShin]">
|
|
||||||
{p.towerFloorIndex}-{p.towerLevelIndex}
|
|
||||||
{p.towerStarIndex ? ` | ${p.towerStarIndex}★` : ""}
|
|
||||||
</div>
|
|
||||||
<div tw="text-[.75em] flex items-center justify-end opacity-50 pb-2 whitespace-nowrap text-ellipsis">
|
|
||||||
{locs.abyss}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
{p.theaterActIndex && (
|
|
||||||
<>
|
|
||||||
<img
|
|
||||||
tw="aspect-square h-[2em]"
|
|
||||||
src="/i/theater"
|
|
||||||
alt="theater"
|
|
||||||
/>
|
|
||||||
<div tw="flex items-center font-[ShinShin]">{`${p.theaterActIndex} | ${p.theaterStarIndex}`}</div>
|
|
||||||
<div tw="text-[.75em] flex items-center justify-end opacity-50 pb-2 whitespace-nowrap text-ellipsis">
|
|
||||||
{locs.theater}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
{p.stygianSeconds && (
|
|
||||||
<>
|
|
||||||
<img
|
|
||||||
tw="aspect-square h-[2em]"
|
|
||||||
src="/i/stygian"
|
|
||||||
alt="stygian"
|
|
||||||
/>
|
|
||||||
<div tw="flex items-center font-[ShinShin]">
|
|
||||||
{p.stygianSeconds}s
|
|
||||||
</div>
|
|
||||||
<div tw="text-[.75em] flex items-center justify-end opacity-50 pb-2 whitespace-nowrap text-ellipsis">
|
|
||||||
{locs.stygian}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* character list (for some reason ________ absolute hates me) */}
|
|
||||||
<div tw="flex absolute top-0 right-0 w-[62.5%] h-[97vh]">
|
|
||||||
<div tw="relative grid grid-cols-2 gap-x-[1.25%] gap-y-[0.75%] p-[.5em] w-full h-full">
|
|
||||||
{p.showAvatarInfoList.map((a) => (
|
|
||||||
<div tw=" bg-black/50 relative overflow-hidden rounded-lg flex">
|
|
||||||
<img
|
|
||||||
src={`/namecard/${a.avatar.avatarId}`}
|
|
||||||
alt="namecard"
|
|
||||||
tw="absolute top-0 left-0 right-0 bottom-0 object-cover blur-[2px] brightness-50"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src={`/pfp/${a.avatar.avatarId}`}
|
|
||||||
alt="pfp"
|
|
||||||
tw="absolute top-0 left-0 bottom-0 aspect-square brightness-0 scale-120 opacity-20"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src={`/pfp/${a.avatar.avatarId}`}
|
|
||||||
alt="pfp"
|
|
||||||
tw="absolute top-0 left-0 bottom-0 aspect-square"
|
|
||||||
/>
|
|
||||||
<div tw="ml-[22.5%] flex">
|
|
||||||
<hr tw="border-none h-[90%] w-px mt-[5%] bg-white/60" />
|
|
||||||
<div tw="p-[.25em] font-[ShinShin] flex flex-col grow">
|
|
||||||
<div tw="flex">{a.avatar.name}</div>
|
|
||||||
<div tw="flex">
|
|
||||||
{locs.level} {a.level}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div tw="flex absolute bottom-0 right-0 leading-none p-[.2em] pb-[.3em] pr-[.45em] rounded-tl-md bg-black/50">
|
|
||||||
<div tw="flex opacity-0 whitespace-pre">00000000/00 </div>
|
|
||||||
<div tw="flex absolute">
|
|
||||||
{uid
|
|
||||||
.slice(-7)
|
|
||||||
.split("")
|
|
||||||
.map((c, i) => (
|
|
||||||
<div tw="flex" style={{ opacity: i / 5 }}>
|
|
||||||
{c}
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
/{`${a.avatar.avatarId}`.match(/^10*(\d+)/)?.[1]}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
return CardResponse(
|
return CardResponse(
|
||||||
<div tw="flex bg-black relative h-full w-full font-[ShinShin] text-[#7E6E5C]">
|
<div tw="flex bg-black relative h-full w-full font-[ShinShin] text-[#7E6E5C]">
|
||||||
<img src="/bg" tw="absolute inset-0" />
|
<img src="/bg" tw="absolute inset-0" />
|
||||||
|
|||||||
Reference in New Issue
Block a user