appwrite · TorstenDittmann · Sep 25, 2023 · Sep 22, 2023 · Sep 22, 2023 · Sep 22, 2023
diff --git a/src/app.html b/src/app.html
@@ -5,7 +5,7 @@
 		<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
 		<link rel="stylesheet" href="/icon-font/aw-icon.css" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Appwrite Next</title>
+		<title>Appwrite - open-source backend as a service</title>
 		%sveltekit.head%
 	</head>
 	<body class="theme-dark" data-sveltekit-preload-data="hover">

diff --git a/src/icons/scripts.js b/src/icons/scripts.js
@@ -1,5 +1,3 @@
-// @ts-expect-error missing types
-import SVGFixer from 'oslllo-svg-fixer';
 import svgtofont from 'svgtofont';
 import { resolve } from 'path';
 

diff --git a/src/icons/svg/x.svg b/src/icons/svg/x.svg
diff --git a/src/lib/animations/OpenSource.svelte b/src/lib/animations/OpenSource.svelte
@@ -123,7 +123,7 @@
 				<div class="u-flex-vertical u-main-space-between u-gap-32">
 					<span class="aw-icon-discord aw-u-font-size-40" aria-hidden="true" aria-label="Discord" />
 				</div>
-				<div class="aw-title u-margin-block-start-auto">125k+ Discord Members</div>
+				<div class="aw-title u-margin-block-start-auto">17k+ Discord Members</div>
 			</a>
 
 			<a
@@ -152,7 +152,7 @@
 				<div class="u-flex-vertical u-main-space-between u-gap-32">
 					<span class="aw-icon-youtube aw-u-font-size-40" aria-hidden="true" aria-label="YouTube" />
 				</div>
-				<div class="aw-title u-margin-block-start-auto">16k+ Youtube Subscribers</div>
+				<div class="aw-title u-margin-block-start-auto">3k+ Youtube Subscribers</div>
 			</a>
 
 			<a

diff --git a/src/lib/animations/Products/functions/code.svelte b/src/lib/animations/Products/functions/code.svelte
@@ -31,7 +31,7 @@ return res.json({ success: true });`.trim();
 		<span in:fade>Pushing to GitHub...</span>
 		<div class="loader is-small" in:fade />
 	{:else if $state.submit === 'success'}
-		<span>Deployed to GitHub</span>
+		<span>Deployed to Appwrite Cloud</span>
 		<span class="aw-icon-check" />
 	{/if}
 </div>

diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
@@ -31,7 +31,7 @@
 					<a class="aw-link" href="/docs/quick-starts/nextjs">Next.js</a>
 				</li>
 				<li>
-					<a class="aw-link" href="/docs/quick-starts/vuejs">Vue.js</a>
+					<a class="aw-link" href="/docs/quick-starts/vue">Vue.js</a>
 				</li>
 				<li>
 					<a class="aw-link" href="/docs/quick-starts/sveltekit">SvelteKit</a>
@@ -94,45 +94,6 @@
 				</li>
 			</ul>
 		</li>
-		<li class="aw-footer-nav-main-item">
-			<h5 class="aw-footer-nav-main-title aw-is-not-mobile aw-caption-500 aw-eyebrow">Learn</h5>
-			<button class="aw-footer-nav-button is-open aw-is-only-mobile">
-				<span class="aw-caption-500 aw-eyebrow">Learn</span>
-				<svg
-					class="aw-footer-nav-button-arrow"
-					xmlns="http://www.w3.org/2000/svg"
-					width="20"
-					height="20"
-					viewBox="0 0 20 20"
-					fill="none"
-				>
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M10.4243 13.0243C10.19 13.2586 9.81007 13.2586 9.57576 13.0243L5.07576 8.52426C4.84145 8.28995 4.84145 7.91005 5.07576 7.67574C5.31007 7.44142 5.68997 7.44142 5.92429 7.67574L10 11.7515L14.0758 7.67574C14.3101 7.44142 14.69 7.44142 14.9243 7.67574C15.1586 7.91005 15.1586 8.28995 14.9243 8.52426L10.4243 13.0243Z"
-						fill="#ADADB0"
-					/>
-				</svg>
-			</button>
-			<ul class="aw-footer-nav-secondary-list aw-sub-body-400">
-				<li>
-					<a class="aw-link" href="/docs">Docs</a>
-				</li>
-				<li>
-					<a class="aw-link" href="/community">Community</a>
-				</li>
-				<li><a class="aw-link" href="/blog">Blog</a></li>
-				<li><a class="aw-link" href="/roadmap">Roadmap</a></li>
-				<li>
-					<a class="aw-link" href="https://github.com/appwrite/appwrite/releases" target="_blank"
-						>Changelog</a
-					>
-				</li>
-				<li>
-					<a class="aw-link" href="https://status.appwrite.io" target="_blank">Status</a>
-				</li>
-			</ul>
-		</li>
 		<li class="aw-footer-nav-main-item">
 			<h5 class="aw-footer-nav-main-title aw-is-not-mobile aw-caption-500 aw-eyebrow">About</h5>
 			<button class="aw-footer-nav-button is-open aw-is-only-mobile">
@@ -155,7 +116,6 @@
 			</button>
 			<ul class="aw-footer-nav-secondary-list aw-sub-body-400">
 				<li><a class="aw-link" href="/#">#</a></li>
-				<li><a class="aw-link" href="/company">Company</a></li>
 				<li><a class="aw-link" href="/careers">Careers</a></li>
 				<li><a class="aw-link" href="/heroes">Heroes</a></li>
 				<li>

diff --git a/src/lib/components/MainFooter.svelte b/src/lib/components/MainFooter.svelte
@@ -85,9 +85,9 @@
 				<li>
 					<a href="https://status.appwrite.io" target="_blank">Status</a>
 				</li>
-				<li>
+				<!-- <li>
 					<a href="https://github.com/appwrite/appwrite/releases" target="_blank">Changelog</a>
-				</li>
+				</li> -->
 			</ul>
 			<div class="aw-main-footer-grid-1-column-4 aw-main-footer-copyright">
 				Copyright © 2023 Appwrite

diff --git a/src/lib/components/MobileNav.svelte b/src/lib/components/MobileNav.svelte
@@ -31,7 +31,7 @@
 			<a href="https://github.com/appwrite/appwrite/stargazers" target="_blank" class="aw-button is-text u-width-full-line">
 				<span class="aw-icon-star" aria-hidden="true" />
 				<span class="text">Star on GitHub</span>
-				<span class="aw-inline-tag aw-sub-body-400">33.2k</span>
+				<span class="aw-inline-tag aw-sub-body-400">33.2K</span>
 			</a>
 		</div>
 	</div>

diff --git a/src/lib/components/PreFooter.svelte b/src/lib/components/PreFooter.svelte
@@ -28,7 +28,7 @@
 					<li class="aw-strip-plans-item aw-strip-plans-container-query">
 						<div class="aw-strip-plans-item-wrapper">
 							<div class="aw-strip-plans-plan">
-								<h4 class="title aw-description">Free</h4>
+								<h4 class="title aw-description">Starter</h4>
 								<div class="aw-title aw-u-color-text-primary">$0</div>
 								<div class="info aw-caption-500" />
 							</div>

diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
@@ -142,7 +142,7 @@
 									/>
 								</svg>
 								<span class="text">Star on GitHub</span>
-								<span class="aw-inline-tag aw-sub-body-400">33.2k</span>
+								<span class="aw-inline-tag aw-sub-body-400">33.2K</span>
 							</a>
 							<a href="https://cloud.appwrite.io/console" class="aw-button">
 								<span class="aw-sub-body-500">Go to console</span>

diff --git a/src/lib/layouts/DocsArticle.svelte b/src/lib/layouts/DocsArticle.svelte
@@ -14,36 +14,43 @@
 
 <script lang="ts">
 	export let title: string;
+	export let back: string;
 	export let toc: Array<TocItem>;
 </script>
 
 <main class="u-contents">
 	<article class="aw-article u-contents">
 		<header class="aw-article-header">
 			<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
-				<button
-					class="
+				{#if back !== undefined}
+					<a
+						href={back}
+						class="
                         aw-button is-text aw-is-only-mobile
                         aw-u-padding-block-0 aw-u-padding-inline-start-0 aw-u-padding-inline-end-12"
-					aria-label="previous page"
-				>
-					<span class="icon-cheveron-left" aria-hidden="true" />
-				</button>
+						aria-label="previous page"
+					>
+						<span class="icon-cheveron-left" aria-hidden="true" />
+					</a>
+				{/if}
 				<ul class="aw-metadata aw-caption-400">
 					<slot name="metadata" />
 				</ul>
 				<div class="u-position-relative u-flex u-cross-center">
-					<button
-						class="
+					{#if back !== undefined}
+						<a
+							href={back}
+							class="
                         aw-button is-text is-icon aw-u-cross-center aw-u-size-40
                         u-position-absolute u-inset-inline-start-0 aw-u-translate-x-negative"
-						aria-label="previous page"
-					>
-						<span
-							class="icon-cheveron-left aw-u-font-size-24 aw-u-color-text-primary aw-is-not-mobile"
-							aria-hidden="true"
-						/>
-					</button>
+							aria-label="previous page"
+						>
+							<span
+								class="icon-cheveron-left aw-u-font-size-24 aw-u-color-text-primary aw-is-not-mobile"
+								aria-hidden="true"
+							/>
+						</a>
+					{/if}
 					<h1 class="aw-title">{title}</h1>
 				</div>
 			</div>
@@ -106,44 +113,46 @@
 		</div>
 		<aside class="aw-references-menu aw-u-padding-inline-start-24">
 			<div class="aw-references-menu-content">
-				<div class="u-flex u-main-space-between u-cross-center u-gap-16">
-					<h5 class="aw-references-menu-title aw-eyebrow">On This Page</h5>
-				</div>
-				<ol class="aw-references-menu-list">
-					{#each toc as parent (parent.href)}
-						<li class="aw-references-menu-item" class:article-scroll-indicator={parent.selected}>
-							<a
-								href={parent.href}
-								class="aw-references-menu-link"
-								class:is-selected={parent.selected}
-							>
-								{#if parent?.step}
-									<span class="aw-numeric-badge">{parent.step}</span>
-								{/if}
-								<span class="aw-caption-400">{parent.title}</span>
-							</a>
-							{#if parent.children}
-								<ol
-									class="aw-references-menu-list u-margin-block-start-16 u-margin-inline-start-32"
+				{#if toc && toc.length > 0}
+					<div class="u-flex u-main-space-between u-cross-center u-gap-16">
+						<h5 class="aw-references-menu-title aw-eyebrow">On This Page</h5>
+					</div>
+					<ol class="aw-references-menu-list">
+						{#each toc as parent (parent.href)}
+							<li class="aw-references-menu-item" class:article-scroll-indicator={parent.selected}>
+								<a
+									href={parent.href}
+									class="aw-references-menu-link"
+									class:is-selected={parent.selected}
 								>
-									{#each parent.children as child}
-										<li class="aw-references-menu-item">
-											<a href={child.href} class="aw-references-menu-link">
-												<span class="aw-caption-400">{child.title}</span>
-											</a>
-										</li>
-									{/each}
-								</ol>
-							{/if}
-						</li>
-					{/each}
-				</ol>
-				<div class="u-sep-block-start u-padding-block-start-20">
-					<a class="aw-link u-inline-flex u-cross-center u-gap-8" href="#top">
-						<span class="icon-arrow-up" aria-hidden="true" />
-						<span class="aw-sub-body-500">Back to top</span>
-					</a>
-				</div>
+									{#if parent?.step}
+										<span class="aw-numeric-badge">{parent.step}</span>
+									{/if}
+									<span class="aw-caption-400">{parent.title}</span>
+								</a>
+								{#if parent.children}
+									<ol
+										class="aw-references-menu-list u-margin-block-start-16 u-margin-inline-start-32"
+									>
+										{#each parent.children as child}
+											<li class="aw-references-menu-item">
+												<a href={child.href} class="aw-references-menu-link">
+													<span class="aw-caption-400">{child.title}</span>
+												</a>
+											</li>
+										{/each}
+									</ol>
+								{/if}
+							</li>
+						{/each}
+					</ol>
+					<div class="u-sep-block-start u-padding-block-start-20">
+						<a class="aw-link u-inline-flex u-cross-center u-gap-8" href="#top">
+							<span class="icon-arrow-up" aria-hidden="true" />
+							<span class="aw-sub-body-500">Back to top</span>
+						</a>
+					</div>
+				{/if}
 			</div>
 		</aside>
 	</article>

diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
@@ -87,10 +87,10 @@
 			label: 'Blog',
 			href: '/blog'
 		},
-		{
-			label: 'Changelog',
-			href: '#'
-		},
+		// {
+		// 	label: 'Changelog',
+		// 	href: '#'
+		// },
 		{
 			label: '#',
 			href: '/#'
@@ -159,7 +159,7 @@
 		class:is-transparent={browser}
 		class:is-hidden={isHeaderHidden}
 	>
-		<div class="aw-top-banner">
+		<!-- <div class="aw-top-banner">
 			<div class="aw-top-banner-content aw-u-color-text-primary">
 				<span class="aw-caption-500">We are having lots of fun on</span>
 				<span class="aw-icon-discord" aria-hidden="true" />
@@ -168,7 +168,7 @@
 					<span class="aw-icon-close" aria-hidden="true" />
 				</button>
 			</div>
-		</div>
+		</div> -->
 
 		<div class="aw-container" style="--container-size:103rem">
 			<div class="aw-main-header-wrapper">
@@ -202,7 +202,7 @@
 						<a href="https://github.com/appwrite/appwrite/stargazers" target="_blank" class="aw-button is-text">
 							<span aria-hidden="true" class="aw-icon-star" />
 							<span class="text">Star on GitHub</span>
-							<span class="aw-inline-tag aw-sub-body-400">33.2k</span>
+							<span class="aw-inline-tag aw-sub-body-400">33.2K</span>
 						</a>
 						<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary">#</a>
 						<a href="https://cloud.appwrite.io" class="aw-button">

diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
@@ -97,7 +97,7 @@
 			<a href="https://github.com/appwrite/appwrite/stargazers" target="_blank" class="aw-button is-text u-width-full-line">
 				<span class="aw-icon-star" aria-hidden="true" />
 				<span class="text">Star on GitHub</span>
-				<span class="aw-inline-tag aw-sub-body-400">33.2k</span>
+				<span class="aw-inline-tag aw-sub-body-400">33.2K</span>
 			</a>
 		</div>
 	</div>

diff --git a/src/lib/utils/code.ts b/src/lib/utils/code.ts
@@ -58,7 +58,7 @@ const languages = {
 	css: css
 } as const satisfies Record<string, LanguageFn>;
 
-const platformAliases: Record<Platform, keyof typeof languages> = {
+const platformAliases: Record<string, keyof typeof languages> = {
 	[Platform.ClientWeb]: 'js',
 	[Platform.ClientFlutter]: 'dart',
 	[Platform.ClientAndroidJava]: 'java',
@@ -73,7 +73,9 @@ const platformAliases: Record<Platform, keyof typeof languages> = {
 	[Platform.ServerPhp]: 'php',
 	[Platform.ServerPython]: 'py',
 	[Platform.ServerRuby]: 'rb',
-	[Platform.ServerSwift]: 'swift'
+	[Platform.ServerSwift]: 'swift',
+	vue: 'html',
+	svelte: 'html'
 };
 
 Object.entries(languages).forEach(([key, value]) => {

diff --git a/src/lib/utils/references.ts b/src/lib/utils/references.ts
@@ -42,7 +42,7 @@ export enum Platform {
 	ServerSwift = 'server-swift'
 }
 
-export const platformMap: Record<Language, string> = {
+export const platformMap: Record<Language|string, string> = {
 	[Platform.ClientApple]: 'Apple',
 	[Platform.ClientFlutter]: 'Flutter',
 	[Platform.ClientWeb]: 'Web',
@@ -86,7 +86,9 @@ export const platformMap: Record<Language, string> = {
 	powershell: 'PowerShell',
 	cmd: 'CMD',
 	yaml: 'YAML',
-	text: 'Text'
+	text: 'Text',
+	vue: 'Vue',
+	svelte: 'Svelte'
 };
 
 export const serviceMap: Record<Service, string> = {