studio-variable/world-game
3
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

feat(about): team members cliquables si champ link rempli + fix ARIA warning
All checks were successful
Deploy / Deploy to Production (push) Successful in 19s
Details

Browse source 
closes #3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-21 09:28:36 +01:00
parent 3499fd0d34
commit e2df8d04e0
3 changed files with 24 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/views/About.svelte
View file

@ -107,6 +107,7 @@
<div class="team-carousel-container">
<div
class="team-grid"
role="list"
style="transform: translateX(-{carouselOffset}px)"
ontouchstart={(e) => { touchStartX = e.touches[0].clientX }}
ontouchend={(e) => {
@ -117,13 +118,23 @@
}}
>
{#each members as member}
<div class="team-member">
{#if member.photo}
<img src={member.photo} alt={member.name} class="team-member-image" draggable="false" />
{/if}
<h4 class="team-member-name">{member.name}</h4>
<p class="team-member-title">{member.role}</p>
</div>
{#if member.link}
<a href={member.link} target="_blank" rel="noopener noreferrer" class="team-member" role="listitem">
{#if member.photo}
<img src={member.photo} alt={member.name} class="team-member-image" draggable="false" />
{/if}
<h4 class="team-member-name">{member.name}</h4>
<p class="team-member-title">{member.role}</p>
</a>
{:else}
<div class="team-member" role="listitem">
{#if member.photo}
<img src={member.photo} alt={member.name} class="team-member-image" draggable="false" />
{/if}
<h4 class="team-member-name">{member.name}</h4>
<p class="team-member-title">{member.role}</p>
</div>
{/if}
{/each}
</div>
</div>
@ -297,7 +308,7 @@
transition: transform 0.3s ease;
}
.team-member:hover {
a.team-member:hover {
transform: translateY(-5px);
}
@ -310,7 +321,7 @@
transition: transform 0.3s ease;
}
.team-member-image:hover {
a.team-member .team-member-image:hover {
transform: scale(1.03);
}