Documentation: Keyboard documentation

src/redirects.json

@@ -659,6 +659,10 @@
         "link": "/docs/installation",
         "redirect": "/docs/advanced/self-hosting"
     },
+    {
+        "link": "/keyboard",
+        "redirect": "/docs/tooling/appwriter"
+    },
     {
         "link": "/careers",
         "redirect": "https://appwrite.careers"
@@ -675,4 +679,4 @@
         "link": "/cli/install.sh",
         "redirect": "https://raw.githubusercontent.com/appwrite/sdk-for-cli/master/install.sh"
     }
-]
+]

src/routes/docs/Sidebar.svelte

@@ -111,6 +111,11 @@
                     label: 'Assistant',
                     href: '/docs/tooling/assistant',
                     icon: 'icon-sparkles'
+                },
+                {
+                    label: "The Appwriter",
+                    href: '/docs/tooling/appwriter',
+                    icon: 'icon-text'
                 }
             ]
         },

src/routes/docs/advanced/platform/+layout.svelte

@@ -14,6 +14,10 @@
                 {
                     label: 'Overview',
                     href: '/docs/advanced/platform'
+                },
+                {
+                    label: 'Shortcuts',
+                    href: '/docs/advanced/platform/shortcuts'
                 }
             ]
         },

src/routes/docs/advanced/platform/shortcuts/+page.markdoc

@@ -0,0 +1,69 @@
+---
+layout: article
+title: Keyboard shortcuts
+description: Learn to navigate the Appwrite Console efficiently and effectively with your keyboard
+---
+
+The Appwrite Console was designed with a keyboard first approach. The Appwrite Console supports keyboard shortcuts that make it easier to navigate and perform actions quicker.
+
+# Shortcuts {% #shortcuts %}
+
+The Appwrite Console supports keyboard shortcuts that make it easier to navigate and perform common actions quicker. The shortcuts use the following pattern: use the first letter from the call to action followed by the resource, product, service, or page you're targeting.  For example, the shortcut keys `G` + `S` navigates to the project's Storage screen. Similarly, the shortcut `G` + `F` navigates to the project's Functions screen. However, when there's a conflict with a shortcut key, the following letter is used. For example, since S is already used for Storage, the shortcut for Settings is E. This pattern is used to make usage of shortcuts consistent and predictable.
+
+## Global shortcuts {% #global-shortcuts %}
+
+Developers can also utilize global shortcuts anywhere in the Appwrite Console, allowing instant access to these features from any page on the Console.
+
+|Shortcut|Action|
+|----|----|
+|`T` then `L`|Set theme to light|
+|`T` then `D`|Set theme to dark|
+|`T` then `A`|Set theme to dark|
+|`A` then `I`|Open Appwrite Assistant|
+|`C` then `O`|Create organization|
+
+## Command center
+
+All the Appwrite shortcuts can be found in the [command center](/docs/tooling/command-center).
+Use the command center to search for commands or the current page's content.
+
+|PC (Windows / Linux)|macOS|Action|
+|----|----|----|
+|`Ctrl` + `K`|`⌘` + `K`|Access Command Center|
+
+## Project shortcuts {% #project-shortcuts %}
+
+Within the context of a project, developers can utilize project shortcuts. These shortcuts are automatically enabled once a project is selected on the Console. 
+These shortcuts allow quick access to the project's pages making it easier and faster to navigate the Console more.
+
+|Shortcut|Action|
+|----|----|
+|`G` then `P`|Go to projects|
+|`G` then `O`|Go to overview|
+|`G` then `A`|Go to auth|
+|`G` then `D`|Go to databases|
+|`G` then `F`|Go to functions|
+|`G` then `M`|Go to messaging|
+|`G` then `S`|Go to storage|
+|`G` then `E`|Go to settings|
+
+# Primary Actions
+
+Each screen on the console has a concept of a primary action. For example, in the Functions screen, the primary action would be creating a function, in the Databases screen, it would be creating a database and so on. The primary actions are usually triggered using the `C` key as seen in the table below.
+
+|Shortcut|Action|
+|----|----|
+|`C` then `P`|Create project|
+|`C` then `U`|Create user|
+|`C` then `A`|Create database|
+|`C` then `C`|Create collection|
+|`C` then `D`|Create document|
+|`C` then `T`|Create attribute|
+|`C` then `F`|Create function|
+|`C` then `S`|Create storage|
+
+# Accessibility  {% #accessibility %}
+
+Using keyboard shortcuts and other methods, we are committed to making the Appwrite Console accessible to all developers by following the AA-level standards of the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/WCAG22/Understanding/conformance#levels). Following these standards ensures that the Console is usable by people with visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities. 
+
+Good contrast between text and backgrounds, resizable text without loss of content or functionality, and navigable interfaces via keyboard and screen readers guarantee an inclusive environment and allow developers to perform their tasks efficiently. Adhering to these guidelines ensures that the Appwrite Console complies with legal requirements and promotes a positive developer experience for everyone.

src/routes/docs/tooling/appwriter/+layout.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+	import Docs from '$lib/layouts/Docs.svelte';
+	import Sidebar from '../../Sidebar.svelte';
+</script>
+
+<Docs variant="two-side-navs">
+	<Sidebar />
+	<slot />
+</Docs>

src/routes/docs/tooling/appwriter/+page.markdoc

@@ -0,0 +1,56 @@
+---
+layout: article
+title: The Appwriter
+description: Learn about the custom Appwriter mechanical keyboard and its specifications
+---
+
+{% only_dark %}
+![The Appwriter](/images/docs/keyboard/dark/appwriter.png)
+{% /only_dark %}
+
+{% only_light %}
+![The Appwriter](/images/docs/keyboard/appwriter.png)
+{% /only_light %}
+
+The Appwriter is an exclusive mechanical keyboard custom-designed by the Appwrite team. It is optimized to improve developer productivity and is specially tuned to use with the Appwrite Console.
+
+The Appwriter uses icons from the Appwrite Console and Docs on specific keys, making memorizing keyboard shortcuts easier. For example, `G` then `D` is the shortcut for navigating to your project's databases, and the icon on the `D` key matches the icon for Appwrite Databases.
+
+# What's in the box {% #whats-in-the-box %}
+
+- Appwriter keyboard
+- USB-C data/charging cable
+- 2-in-1 keycap and switch puller
+- Extra PC layout keycaps
+- Information card with a QR code
+
+The keyboard comes with Mac layout keys pre-installed for macOS which can also be swapped with the included PC keycaps.
+
+# Specifications {% #specifications %}
+
+|Specification|Details|
+|----|----|
+|Battery|3000mAh rechargeable battery|
+|Design|75% compact design keyboard|
+|Keycaps|84 custom dye sublimated PBT keycaps|
+|Switches|Gateron G Pro yellow pre-lubed switches|
+|Connections|Tri-mode connectivity (2.4Ghz wireless / bluetooth / wired USB-C)|
+|Case|Noise dampening case-foam|
+|RGB backlight|16 Million colors & multiple lighting effects|
+|Switch support|Hot-swappable switches with 3 & 5 pin|
+|Rollover|N-key rollover|
+
+# How to change the backlight {% #how-to-change-the-backlight %}
+
+Press `Fn + Home` to change the RGB backlight effect and cycle through all the lights.
+
+# How to get the Appwriter {% #how-to-get-the-appwriter %}
+
+The Appwriter is currently exclusive to Appwrite events and giveaways.
+To get your hands on an Appwriter, look out for events & giveaways on our social media
+- [Discord](https://appwrite.io/discord)
+- [Github](https://github.com/appwrite/appwrite)
+- [X](https://x.com/appwrite)
+- [YouTube](https://www.youtube.com/c/appwrite)
+
+Later this year, the Appwriter will be available for purchase in the [Appwrite Store](https://appwrite.store/).

src/routes/docs/tooling/assistant/+layout.svelte

@@ -6,4 +6,4 @@
 <Docs variant="two-side-navs">
 	<Sidebar />
 	<slot />
-</Docs>
+</Docs>