Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues 2 Pull requests Releases 9 Packages Activity Actions

Add accessibility fields

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/Card.svelte
View file

@ -18,7 +18,7 @@
<div class="flex flex-row justify-between pb-4"> <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}> <div class="flex flex-row gap-1 items-center" on:mouseover={() => hover.title = true} on:mouseleave={() => hover.title = false}>
{#if service.icon} {#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} {:else}
{/if} {/if}
<a href={service.href} class="text-accent font-bold {hover.title ? 'text-primary': 'text-secondary'}">{service.name}</a> <a href={service.href} class="text-accent font-bold {hover.title ? 'text-primary': 'text-secondary'}">{service.name}</a>

5
src/routes/services/+page.svelte
View file

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