Add accessibility fields

This commit is contained in:
Neshura 2024-01-01 19:36:42 +01:00
parent 090b97a3f6
commit 3d87538aea
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
2 changed files with 7 additions and 4 deletions

View file

@ -18,7 +18,7 @@
<div class="flex flex-row justify-between pb-4">
<div class="flex flex-row gap-1 items-center" on:mouseover={() => hover.title = true} on:mouseleave={() => hover.title = false}>
{#if service.icon}
<img width="24px" class="h-6 w-6 cursor-pointer" src={service.icon}>
<img width="24px" class="h-6 w-6 cursor-pointer" src={service.icon} alt="{service.name} Logo">
{:else}
{/if}
<a href={service.href} class="text-accent font-bold {hover.title ? 'text-primary': 'text-secondary'}">{service.name}</a>

View file

@ -7,11 +7,14 @@
const services = $state(pages.services);
</script>
<svelte:head>
<title>Services</title>
<meta name="description" content="Overview of Services running on neshweb.net">
</svelte:head>
<div class="flex flex-row flex-wrap justify-center gap-10 p-8 overflow-auto h-full">
{#each services as service}
<Card bind:service />
<Card {service} />
{/each}
</div>