docs: add screenshots page

coder · bpmct · Jun 15, 2024 · Jun 15, 2024 · Jun 15, 2024 · Jun 15, 2024
commit 390bc5ed3a8f9a3b702cf39447aca84e0456848f
diff --git a/docs/about/screenshots.md b/docs/about/screenshots.md
@@ -0,0 +1,49 @@
+# Screenshots
+
+## Log in
+
+![Install Coder in your cloud or air-gapped on-premises. Developers simply log in via their browser to access their Workspaces.](../images/screenshots/login.png)
+
+Install Coder in your cloud or air-gapped on-premises. Developers simply log in via their browser to access their Workspaces.
+
+## Templates
+
+![Developers provision their own ephemeral Workspaces in minutes using pre-defined Templates that include approved tooling and infrastructure.](../images/screenshots/templates_listing.png)
+
+Developers provision their own ephemeral Workspaces in minutes using pre-defined Templates that include approved tooling and infrastructure.
+
+![Template administrators can either create a new Template from scratch or choose a Starter Template](../images/screenshots/starter_templates.png)
+
+Template administrators can either create a new Template from scratch or choose a Starter Template.
+
+![Templates define the underlying infrastructure that Coder Workspaces run on.](../images/screenshots/terraform.png)
+
+Template administrators build Templates using Terraform. Templates define the underlying infrastructure that Coder Workspaces run on.
+
+## Workspaces
+
+![Developers create and delete their own workspaces. Coder administrators can easily enforce Workspace scheduling and autostop policies to ensure idle Workspaces don’t burn unnecessary cloud budget.](../images/screenshots/workspaces_listing.png)
+
+Developers create and delete their own workspaces. Coder administrators can easily enforce Workspace scheduling and autostop policies to ensure idle Workspaces don’t burn unnecessary cloud budget.
+
+![Developers launch their favorite web-based or desktop IDE, browse files, or access their Workspace’s Terminal.](../images/screenshots/workspace_launch.png)
+
+Developers launch their favorite web-based or desktop IDE, browse files, or access their Workspace’s Terminal.
+
+## Administration
+
+![Coder administrators can access Template usage insights to understand which Templates are most popular and how well they perform for developers.](../images/screenshots/templates_insights.png)
+
+Coder administrators can access Template usage insights to understand which Templates are most popular and how well they perform for developers.
+
+![Coder administrators can control *every* aspect of their Coder deployment.](../images/screenshots/settings.png)
+
+Coder administrators can control *every* aspect of their Coder deployment.
+
+![Coder administrators and auditor roles can review how users are interacting with their Coder Workspaces and Templates.](../images/screenshots/audit.png)
+
+Coder administrators and auditor roles can review how users are interacting with their Coder Workspaces and Templates.
+
+![Coder administrators can monitor the health of their Coder deployment, including database latency, active provisioners, and more.](../images/screenshots/healthcheck.png)
+
+Coder administrators can monitor the health of their Coder deployment, including database latency, active provisioners, and more.
diff --git a/docs/images/screenshots/audit.png b/docs/images/screenshots/audit.png
diff --git a/docs/images/screenshots/healthcheck.png b/docs/images/screenshots/healthcheck.png
diff --git a/docs/images/screenshots/login.png b/docs/images/screenshots/login.png
diff --git a/docs/images/screenshots/settings.png b/docs/images/screenshots/settings.png
diff --git a/docs/images/screenshots/starter_templates.png b/docs/images/screenshots/starter_templates.png
diff --git a/docs/images/screenshots/templates_insights.png b/docs/images/screenshots/templates_insights.png
diff --git a/docs/images/screenshots/templates_listing.png b/docs/images/screenshots/templates_listing.png
diff --git a/docs/images/screenshots/terraform.png b/docs/images/screenshots/terraform.png
diff --git a/docs/images/screenshots/workspace_launch.png b/docs/images/screenshots/workspace_launch.png
diff --git a/docs/images/screenshots/workspaces_listing.png b/docs/images/screenshots/workspaces_listing.png
diff --git a/docs/manifest.json b/docs/manifest.json
@@ -1,11 +1,20 @@
 {
-  "versions": ["main"],
+  "versions": [
+    "main"
+  ],
   "routes": [
     {
       "title": "About",
       "description": "About Coder",
       "path": "./README.md",
-      "icon_path": "./images/icons/home.svg"
+      "icon_path": "./images/icons/home.svg",
+      "children": [
+        {
+          "title": "Screenshots",
+          "description": "Browse screenshots of the Coder platform",
+          "path": "./about/screenshots.md"
+        }
+      ]
     },
     {
       "title": "Installation",