mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-23 19:49:50 +02:00
feat: image alts
This commit is contained in:
TrèsAbhi committed
1 parent
ab510361b5
commit
97cd218796
25 files changed
+58
-4
No files matched your search
@@ -815,6 +815,7 @@ export default function Page() {
|
||||
] as const
|
||||
).map((module, index) => (
|
||||
<img
|
||||
alt={module}
|
||||
width={24}
|
||||
height={24}
|
||||
src={asset(
|
||||
@@ -901,6 +902,10 @@ export default function Page() {
|
||||
<Flex direction="column" justify="center">
|
||||
{provisions.map((provision, index) => (
|
||||
<img
|
||||
alt={
|
||||
awaitedProvisionDefinitions[provision]
|
||||
.name
|
||||
}
|
||||
key={provision}
|
||||
src={asset(
|
||||
`/icons/provisions/${provision}.webp`,
|
||||
@@ -1089,6 +1094,11 @@ export default function Page() {
|
||||
<Flex direction="column" justify="center">
|
||||
{consumables.map((consumable, index) => (
|
||||
<img
|
||||
alt={
|
||||
awaitedConsumableDefinitions[
|
||||
consumable
|
||||
].name
|
||||
}
|
||||
key={consumable}
|
||||
src={asset(
|
||||
`/icons/consumables/${consumable}.webp`,
|
||||
@@ -1186,6 +1196,7 @@ export default function Page() {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt={thisShell.name}
|
||||
width={16}
|
||||
height={16}
|
||||
src={asset(
|
||||
|
||||
@@ -435,6 +435,7 @@ export default function Page() {
|
||||
>
|
||||
<Link href={`/tools/tankopedia/${tank.id}`}>
|
||||
<img
|
||||
alt={tank.name}
|
||||
draggable={false}
|
||||
src={tankIcon(tank.id)}
|
||||
style={{
|
||||
|
||||
@@ -71,6 +71,7 @@ export function Day({ offset }: DayProps) {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt="Tank icon"
|
||||
draggable={false}
|
||||
src={tankIcon(tank.id)}
|
||||
style={{
|
||||
|
||||
@@ -75,6 +75,7 @@ function ModuleButton({
|
||||
</Text>
|
||||
|
||||
<img
|
||||
alt={unlock.cost.type}
|
||||
src={asset(`icons/currencies/${unlock.cost.type}.webp`)}
|
||||
style={{
|
||||
width: 12,
|
||||
@@ -86,6 +87,7 @@ function ModuleButton({
|
||||
)}
|
||||
|
||||
<img
|
||||
alt={unlock.type}
|
||||
src={
|
||||
unlock.type === 'vehicle'
|
||||
? tankIcon(unlock.id)
|
||||
|
||||
@@ -158,6 +158,7 @@ export function Characteristics() {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt={thisShell.name}
|
||||
width={16}
|
||||
height={16}
|
||||
src={asset(`icons/shells/${thisShell.icon}.webp`)}
|
||||
|
||||
@@ -69,6 +69,7 @@ export function TechTreeSection() {
|
||||
>
|
||||
<Flex direction="column" align="center">
|
||||
<img
|
||||
alt={ancestor.name}
|
||||
src={asset(`icons/tanks/big/${id}.webp`)}
|
||||
width={64}
|
||||
height={64}
|
||||
@@ -88,6 +89,7 @@ export function TechTreeSection() {
|
||||
<Flex gap="2" align="center">
|
||||
<Flex gap="1" align="center">
|
||||
<img
|
||||
alt="XP"
|
||||
src={asset('icons/currencies/xp.webp')}
|
||||
width={16}
|
||||
height={16}
|
||||
@@ -102,6 +104,7 @@ export function TechTreeSection() {
|
||||
|
||||
<Flex gap="1" align="center">
|
||||
<img
|
||||
alt="Silver"
|
||||
src={asset('icons/currencies/silver.webp')}
|
||||
width={16}
|
||||
height={16}
|
||||
@@ -136,6 +139,7 @@ export function TechTreeSection() {
|
||||
highlight
|
||||
>
|
||||
<img
|
||||
alt={tank.nation}
|
||||
src={asset(`flags/scratched/${tank.nation}.webp`)}
|
||||
style={{
|
||||
position: 'absolute',
|
||||
|
||||
@@ -110,6 +110,7 @@ export function Options() {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt={thisShell.name}
|
||||
width={16}
|
||||
height={16}
|
||||
src={asset(`icons/shells/${thisShell.icon}.webp`)}
|
||||
@@ -135,6 +136,7 @@ export function Options() {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt="Calibrated Shells"
|
||||
width={16}
|
||||
height={16}
|
||||
src={asset('icons/equipment/103.webp')}
|
||||
@@ -157,6 +159,7 @@ export function Options() {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt="Enhanced Armor"
|
||||
width={16}
|
||||
height={16}
|
||||
src={asset('icons/equipment/110.webp')}
|
||||
|
||||
+1
@@ -15,6 +15,7 @@ export function QuickEquipmentButton({
|
||||
return (
|
||||
<Button variant="ghost" {...props}>
|
||||
<img
|
||||
alt={`Equipment ${equipment}`}
|
||||
style={{ opacity: active ? 1 : 0.5 }}
|
||||
src={asset(`icons/equipment/${equipment}.webp`)}
|
||||
width={24}
|
||||
|
||||
@@ -38,6 +38,7 @@ export function Title() {
|
||||
>
|
||||
<Flex align="center" gap="2">
|
||||
<img
|
||||
alt={protagonist.tank.name}
|
||||
src={
|
||||
TREE_TYPE_ICONS[protagonist.tank.treeType][
|
||||
protagonist.tank.class
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Flex, Heading, Link, Separator } from '@radix-ui/themes';
|
||||
import { Flex, Heading, Link } from '@radix-ui/themes';
|
||||
import { use } from 'react';
|
||||
import PageWrapper from '../../../../../components/PageWrapper';
|
||||
import { videoDefinitions } from '../../../../../core/blitzkit/videos';
|
||||
@@ -15,8 +15,7 @@ export function Videos() {
|
||||
|
||||
return (
|
||||
<PageWrapper>
|
||||
|
||||
<Flex direction="column" gap="4" mt="4" align="start">
|
||||
<Flex direction="column" gap="4" align="start">
|
||||
<Heading size="6">Review videos</Heading>
|
||||
|
||||
<Flex gap="3" wrap="wrap">
|
||||
@@ -27,6 +26,7 @@ export function Videos() {
|
||||
target="_blank"
|
||||
>
|
||||
<img
|
||||
alt="Video thumbnail"
|
||||
src={`https://i.ytimg.com/vi/${video}/hqdefault.jpg`}
|
||||
style={{
|
||||
aspectRatio: '16 / 9',
|
||||
|
||||
@@ -57,6 +57,7 @@ export function Options() {
|
||||
}
|
||||
>
|
||||
<img
|
||||
alt={type}
|
||||
src={TREE_TYPE_IMAGES[type]}
|
||||
style={{ width: '1em', height: '1em' }}
|
||||
/>
|
||||
@@ -124,6 +125,7 @@ export function Options() {
|
||||
}
|
||||
>
|
||||
<img
|
||||
alt={type}
|
||||
src={TREE_TYPE_ICONS.researchable[type]}
|
||||
style={{ width: '1em', height: '1em' }}
|
||||
/>
|
||||
|
||||
@@ -910,6 +910,7 @@ export function TankSearch({
|
||||
}}
|
||||
>
|
||||
<img
|
||||
alt={tank.name}
|
||||
className={styles.flag}
|
||||
src={asset(`flags/scratched/${tank.nation}.webp`)}
|
||||
style={{
|
||||
@@ -938,6 +939,7 @@ export function TankSearch({
|
||||
className={styles.listingImage}
|
||||
>
|
||||
<img
|
||||
alt={tank.name}
|
||||
src={tankIcon(tank.id)}
|
||||
style={{
|
||||
objectFit: 'contain',
|
||||
@@ -960,6 +962,7 @@ export function TankSearch({
|
||||
>
|
||||
<Flex align="center" justify="center" gap="1">
|
||||
<img
|
||||
alt={tank.name}
|
||||
src={
|
||||
(tank.treeType === 'collector'
|
||||
? TANK_ICONS_COLLECTOR
|
||||
|
||||
Reference in new issue
Block a user