LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-09 21:07:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move response code, fix links and sidebar format

Browse Source
This commit is contained in:
Vincent (Wen Yu) Ge
2023-09-26 00:43:05 +00:00
parent 36d6926124
commit 249d89d7d0
7 changed files with 70 additions and 495 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/docs/advanced/platform/+layout.svelte
View File

@@ -28,6 +28,10 @@
label: 'Webhooks',
href: '/docs/advanced/platform/webhooks'
},
{
label: 'Response codes',
href: '/docs/advanced/platform/response-codes',
}
]
},
{

0
src/routes/docs/references/response-codes/+page.markdoc → src/routes/docs/advanced/platform/response-codes/+page.markdoc
View File

2
src/routes/docs/advanced/self-hosting/debug/+page.markdoc
View File

@@ -34,7 +34,7 @@ docker logs [CONTAINER-ID]
Appwrite uses conventional HTTP response codes to indicate the success or failure of an API request. In general: Codes in the 2xx range indicate success. Codes in the 4xx range indicate an error that failed given the information provided (e.g., a required parameter was omitted, invalid input, etc.). Codes in the 5xx range indicate an error with the Appwrite server, but these are rare.
[Learn more about Appwrite status codes {% icon icon="cheveron-right" /%}](/docs/references/response-codes)
[Learn more about Appwrite status codes {% icon icon="cheveron-right" /%}](/docs/advanced/platform/response-codes)
## Development mode {% #development-mode%}

50
src/routes/docs/products/auth/+layout.svelte
View File

@@ -21,6 +21,31 @@
}
]
},
{
label: 'Concepts',
items: [
{
label: 'Accounts',
href: '/docs/products/auth/accounts'
},
{
label: 'Users',
href: '/docs/products/auth/users'
},
{
label: 'Teams',
href: '/docs/products/auth/teams'
},
{
label: 'Labels',
href: '/docs/products/auth/labels'
},
{
label: 'Security',
href: '/docs/products/auth/security'
}
]
},
{
label: 'Journeys',
items: [
@@ -50,31 +75,6 @@
},
]
},
{
label: 'Concepts',
items: [
{
label: 'Accounts',
href: '/docs/products/auth/accounts'
},
{
label: 'Users',
href: '/docs/products/auth/users'
},
{
label: 'Teams',
href: '/docs/products/auth/teams'
},
{
label: 'Labels',
href: '/docs/products/auth/labels'
},
{
label: 'Security',
href: '/docs/products/auth/security'
}
]
},
{
label: 'References',
items: [

47
src/routes/docs/quick-starts/+page.svelte
View File

@@ -18,7 +18,7 @@
title: 'Web App',
quickStarts: [
{
title: 'Next.js',
title: 'React.js',
icon: 'icon-next_js',
image: '/images/blog/placeholder.png',
href: 'nextjs'
@@ -35,24 +35,6 @@
image: '/images/blog/placeholder.png',
href: 'sveltekit'
},
{
title: 'Nuxt',
icon: 'icon-nuxt_js',
image: '/images/blog/placeholder.png',
href: 'nuxt'
},
{
title: 'Angular',
icon: 'icon-angular',
image: '/images/blog/placeholder.png',
href: 'angular'
},
{
title: 'Astro',
icon: 'icon-astro',
image: '/images/blog/placeholder.png',
href: 'astro'
}
]
},
{
@@ -74,7 +56,32 @@
},
{
title: 'Server',
quickStarts: []
quickStarts: [
{
title: 'Node.js',
icon: 'icon-node',
image: '/images/blog/placeholder.png',
href: 'node'
},
{
title: 'Python',
icon: 'icon-python',
image: '/images/blog/placeholder.png',
href: 'python'
},
{
title: '.NET',
icon: 'icon-dotnet',
image: '/images/blog/placeholder.png',
href: 'dotnet'
},
{
title: 'Dart',
icon: 'icon-dart',
image: '/images/blog/placeholder.png',
href: 'dart'
}
]
}
];
</script>

2
src/routes/docs/references/Layout.svelte
View File

@@ -70,7 +70,7 @@
items: [
{
label: 'Response codes',
href: '/docs/references/response-codes',
href: '/docs/advanced/platform/response-codes',
}
]
},

460
src/routes/docs/tutorials/+page.svelte
View File

@@ -19,8 +19,8 @@
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
<span class="icon-react aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">React</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
@@ -30,8 +30,8 @@
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
<span class="icon-vue aw-u-font-size-24" aria-hidden="true" />
<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">
Lorem ipsum dolor sit amet consectetur.
@@ -41,8 +41,8 @@
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
<span class="icon-svelte aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">SvelteKit</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
@@ -52,56 +52,8 @@
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Server</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
<span class="icon-flutter aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Flutter</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
@@ -111,8 +63,8 @@
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
<span class="icon-apple aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Apple</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
@@ -122,402 +74,14 @@
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
<span class="icon-android aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Android</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
</div>
<header class="aw-article-header">
<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
<div class="u-position-relative u-flex u-cross-center">
<h1 class="aw-title">Authentication</h1>
</div>
</div>
<div class="aw-article-header-end" />
</header>
<div class="aw-article-content aw-u-gap-80">
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Client</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Server</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
</div>
<header class="aw-article-header">
<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
<div class="u-position-relative u-flex u-cross-center">
<h1 class="aw-title">Databases</h1>
</div>
</div>
<div class="aw-article-header-end" />
</header>
<div class="aw-article-content aw-u-gap-80">
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Client</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Server</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
</div>