Feat docs g2

src/lib/components/FooterNav.svelte

@@ -2,9 +2,9 @@
 	<img class="aw-logo" src="/images/logos/appwrite.svg" alt="appwrite" width="130" />
 	<ul class="aw-footer-nav-main-list">
 		<li class="aw-footer-nav-main-item">
-			<h5 class="aw-footer-nav-main-title aw-is-not-mobile"><a href="">Product</a></h5>
+			<h5 class="aw-footer-nav-main-title aw-is-not-mobile">Quick starts</h5>
 			<button class="aw-footer-nav-button aw-is-only-mobile">
-				<span class="aw-caption-500">Product</span>
+				<span class="aw-caption-500">Products</span>
 				<svg
 					class="aw-footer-nav-button-arrow"
 					xmlns="http://www.w3.org/2000/svg"
@@ -22,17 +22,76 @@
 				</svg>
 			</button>
 			<ul class="aw-footer-nav-secondary-list">
-				<li class="aw-footer-nav-secondary-item"><a href="">Docs</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Auth</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Databases</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Functions</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Storage</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Realtime</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Localization</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/nextjs">Next.js</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/flutter">Flutter</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/vuejs">Vue.js</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/sveltekit">SvelteKit</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/apple">Apple</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/android">Android</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/nuxt">Nuxt</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/angular">Angular</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/qwik">Qwik</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/quick-starts/astro">Astro</a></li>
 			</ul>
 		</li>
 		<li class="aw-footer-nav-main-item">
-			<h5 class="aw-footer-nav-main-title aw-is-not-mobile"><a href="">About</a></h5>
+			<h5 class="aw-footer-nav-main-title aw-is-not-mobile">Products</h5>
+			<button class="aw-footer-nav-button aw-is-only-mobile">
+				<span class="aw-caption-500">Products</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">
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/products/auth">Auth</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/docs/products/databases">Databases</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Functions</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Storage</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Realtime</a></li>
+			</ul>
+		</li>
+		<li class="aw-footer-nav-main-item">
+			<h5 class="aw-footer-nav-main-title aw-is-not-mobile">Learn</h5>
+			<button class="aw-footer-nav-button is-open aw-is-only-mobile">
+				<span class="aw-caption-500">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">
+				<li class="aw-footer-nav-secondary-item"><a href="/docs">Docs</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/community">Community</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/blog">Blog</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Roadmap</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Changelog</a></li>
+				<li class="aw-footer-nav-secondary-item"><a 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">About</h5>
 			<button class="aw-footer-nav-button is-open aw-is-only-mobile">
 				<span class="aw-caption-500">About</span>
 				<svg
@@ -52,13 +111,13 @@
 				</svg>
 			</button>
 			<ul class="aw-footer-nav-secondary-list">
+				<li class="aw-footer-nav-secondary-item"><a href="/pricing">Pricing</a></li>
 				<li class="aw-footer-nav-secondary-item"><a href="#">Company</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="#">Community</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="#">Blog</a></li>
 				<li class="aw-footer-nav-secondary-item"><a href="#">Careers</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="#">Contact Us</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="#">Roadmap</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="#">Changelog</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/heroes">Heroes</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="https://store.appwrite.io" target="_blank">Store</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/brand">Brand</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Contact us</a></li>
 			</ul>
 		</li>
 		<li class="aw-footer-nav-main-item">
@@ -82,10 +141,10 @@
 				</svg>
 			</button>
 			<ul class="aw-footer-nav-secondary-list">
-				<li class="aw-footer-nav-secondary-item"><a href="">Status</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Terms</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Privacy</a></li>
-				<li class="aw-footer-nav-secondary-item"><a href="">Security</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/terms">Terms</a></li>
+				<li class="aw-footer-nav-secondary-item"><a href="/privacy">Privacy</a></li>
+				<li class="aw-footer-nac-secondary-item" on:click={() => globalThis.OneTrust.ToggleInfoDisplay()}>Cookies</li>
+				<li class="aw-footer-nav-secondary-item"><a href="#">Security</a></li>
 			</ul>
 		</li>
 	</ul>

src/lib/layouts/Docs.svelte

@@ -47,9 +47,9 @@
 				</a>
 			</div>
 			<div class="aw-mobile-header-end">
-				<button class="aw-button">
+				<a href="https://cloud.appwrite.io/console" class="aw-button">
 					<span class="aw-sub-body-500">Go to console</span>
-				</button>
+				</a>
 				<button on:click={handleMenuClick} class="aw-button is-text" aria-label="open navigation">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
@@ -123,9 +123,9 @@
 								<span class="text">Star on GitHub</span>
 								<span class="aw-inline-tag aw-sub-body-400">99.9k</span>
 							</button>
-							<button class="aw-button">
+							<a href="https://cloud.appwrite.io/console" class="aw-button">
 								<span class="aw-sub-body-500">Go to console</span>
-							</button>
+							</a>
 						</div>
 					</div>
 				</div>

src/lib/layouts/Main.svelte

@@ -86,12 +86,12 @@
 			href: '/blog'
 		},
 		{
-			label: 'Pricing',
-			href: '/pricing'
+			label: 'Changelog',
+			href: '#'
 		},
 		{
-			label: 'Roadmap',
-			href: '/roadmap'
+			label: 'Pricing',
+			href: '/pricing'
 		}
 	];
 
@@ -139,7 +139,7 @@
 		</div>
 	</section>
 	<header class="aw-main-header theme-{resolvedTheme}" class:is-transparent={browser}>
-		<div class="aw-top-banner">
+		<!-- Hidden for now. <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" />
@@ -148,7 +148,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">
 				<div class="aw-main-header-row">

src/lib/utils/code.ts

@@ -13,17 +13,24 @@ import python from 'highlight.js/lib/languages/python';
 import diff from 'highlight.js/lib/languages/diff';
 import ruby from 'highlight.js/lib/languages/ruby';
 import csharp from 'highlight.js/lib/languages/csharp';
-import http from 'highlight.js/lib/languages/http';
 import kotlin from 'highlight.js/lib/languages/kotlin';
 import java from 'highlight.js/lib/languages/java';
-import css from 'highlight.js/lib/languages/css';
+import cpp from 'highlight.js/lib/languages/cpp';
+import bash from 'highlight.js/lib/languages/bash';
+import powershell from 'highlight.js/lib/languages/powershell';
+import dos from 'highlight.js/lib/languages/dos';
+import yaml from 'highlight.js/lib/languages/yaml';
+import plaintext from 'highlight.js/lib/languages/plaintext';
 import graphql from 'highlight.js/lib/languages/graphql';
+import http from 'highlight.js/lib/languages/http';
+import css from 'highlight.js/lib/languages/css';
 import { Platform } from './references';
 
 const languages = {
 	js: javascript,
 	dart: dart,
 	ts: typescript,
+	deno: typescript,
 	xml: xml,
 	html: xml,
 	sh: shell,
@@ -32,14 +39,23 @@ const languages = {
 	swift: swift,
 	php: php,
 	diff: diff,
+	python: python,
+	ruby: ruby,
+	csharp: csharp,
+	kotlin: kotlin,
+	java: java,
+	cpp: cpp,
+	bash: bash,
+	powershell: powershell,
+	cmd: dos,
+	yaml: yaml,
+	text: plaintext,
+	graphql: graphql,
+	http: http,
 	py: python,
 	rb: ruby,
 	cs: csharp,
-	http: http,
-	kotlin: kotlin,
-	java: java,
 	css: css,
-	graphql: graphql
 } as const satisfies Record<string, LanguageFn>;
 
 const platformAliases: Record<Platform, keyof typeof languages> = {

src/partials/update-variables.md

@@ -0,0 +1,12 @@
+{% info title="Applying changes" %}
+
+After editing your `docker-compose.yml` or `.env` files, you will need to recreate your Appwrite stack by running the following compose command in your terminal.
+```sh
+docker compose up -d
+```
+
+You can verify if the changes have been successfully applied by running this command:
+```sh
+docker compose exec appwrite vars
+```
+{% /info %}

src/routes/+page.svelte

@@ -52,7 +52,7 @@
 						<span class="aw-icon-star" aria-hidden="true" />
 						<span class="aw-caption-500">New</span>
 						<div class="aw-hero-banner-button-sep" />
-						<span class="aw-caption-400">Pricing Plans announced</span>
+						<span class="aw-caption-400">Intorudcing a *brand* new Appwrite</span>
 						<span class="aw-icon-arrow-right" aria-hidden="true" />
 					</button>
 					<div class="aw-hero is-horizontal">
@@ -63,8 +63,8 @@
 						</h1>
 						<div class="u-cross-child-end">
 							<p class="aw-description">
-								Appwrite is the open-source development platform where developers can build any
-								application at any scale, using the language they want.
+								Appwrite is the open-source development platform where you can build any
+								application at any scale, using the coding languages and tools you want.
 							</p>
 							<button class="aw-button is-full-width-mobile u-margin-block-start-32">
 								<span class="text">Get Started</span>

src/routes/community/+page.svelte

@@ -18,7 +18,7 @@
 						</h1>
 						<div class="">
 							<p class="aw-description">
-								Appwrite is the open-source development platform where developers can build any
+								Appwrite is the open-source development platform developers like you any
 								application at any scale, using the language they want.
 							</p>
 							<div class="u-flex u-flex-wrap u-gap-12 u-margin-block-start-32">