Skip to content
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