Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Doc: Removed alt attributes in cards #303

Merged
merged 12 commits into from
Nov 6, 2023
35 changes: 10 additions & 25 deletions src/routes/docs/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -15,46 +15,31 @@
const tutorials: CodeCardProps[] = [
{
href: '/docs/tutorials/react',
cover: {
src: '/images/tutorials/react.png',
alt: 'react logo'
},
src: '/images/tutorials/react.png',
title: 'React tutorial',
description: 'Learn Appwrite Auth, Databases, and more with React.'
},
{
href: '/docs/tutorials/sveltekit',
cover: {
src: '/images/tutorials/svelte.png',
alt: 'svelte logo'
},
src: '/images/tutorials/svelte.png',
title: 'SvelteKit tutorial',
description: 'Learn Appwrite Auth, Databases, and more with SvelteKit.'
},
{
href: '/docs/tutorials/vue',
cover: {
src: '/images/tutorials/vue.png',
alt: 'Vue logo'
},
src: '/images/tutorials/vue.png',
title: 'Vue tutorial',
description: 'Learn Appwrite Auth, Databases, and more with Vue.'
},
{
href: '/docs/tutorials/android',
cover: {
src: '/images/tutorials/android.png',
alt: 'Android logo'
},
src: '/images/tutorials/android.png',
title: 'Android tutorial',
description: 'Learn Appwrite Auth, Databases, and more with Android.'
},
{
href: '/docs/tutorials/flutter',
cover: {
src: '/images/tutorials/flutter.png',
alt: 'Flutter logo'
},
src: '/images/tutorials/flutter.png',
title: 'Flutter tutorial',
description: 'Learn Appwrite Auth, Databases, and more with Flutter.'
}
Expand Down Expand Up @@ -95,7 +80,7 @@
src="/images/animations/tech-light.png"
width="768"
height="768"
alt=""
alt=''
style="position: absolute; display: block;"
/>
</div>
Expand All @@ -113,7 +98,7 @@
src="/images/animations/tech-dark.png"
width="768"
height="768"
alt=""
alt=''
style="position: absolute;"
/>
</Spline>
Expand All @@ -124,7 +109,7 @@
class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-16 aw-u-opacity-40-mobile"
style=" margin-inline-start: -30px;"
>
<img src="/images/bgs/docs-blur-2.svg" alt="" />
<img src="/images/bgs/docs-blur-2.svg" alt='' />
</div>

<section class="aw-hero is-align-start u-position-relative">
Expand Down Expand Up @@ -174,14 +159,14 @@
<a href="/docs/products/auth" class="aw-card is-normal">
<img
src="/images/icons/illustrated/dark/auth.png"
alt=""
alt=''
class="u-only-dark"
width="48"
height="48"
/>
<img
src="/images/icons/illustrated/light/auth.png"
alt=""
alt=''
class="u-only-light"
width="48"
height="48"
Expand Down
9 changes: 3 additions & 6 deletions src/routes/docs/CodeCard.svelte
Original file line number Diff line number Diff line change
@@ -1,10 +1,7 @@
<script lang="ts" context="module">
export type CodeCardProps = {
href: string;
cover: {
src: string;
alt: string;
};
src: string;
title: string;
description: string;
};
Expand All @@ -13,14 +10,14 @@
<script lang="ts">
type $$Props = CodeCardProps;
export let href: $$Props['href'];
export let cover: $$Props['cover'];
export let src: $$Props['src'];
export let title: $$Props['title'];
export let description: $$Props['description'];
</script>

<a class="aw-grid-articles-item is-full-color" {href}>
<div class="aw-grid-articles-item-image">
<img src={cover.src} alt={cover.alt} loading="lazy" />
<img src={src} alt='' loading="lazy" />
</div>
<article class="aw-grid-articles-item-content">
<header class="aw-articles-item-header">
Expand Down
2 changes: 1 addition & 1 deletion src/routes/docs/tutorials/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
<li class="is-mobile-col-span-2">
<a href="/docs/tutorials/vue" class="aw-card is-normal">
<header class="u-flex u-cross-center u-gap-4">
<img src="/images/platforms/{$themeInUse}/vue.svg" alt="" />
<img src="/images/platforms/{$themeInUse}/vue.svg" alt='' />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Vue</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Expand Down