From efe912f9b5423093f29129c512c540f8d5d628e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxt.com>
Date: Thu, 15 Aug 2024 18:46:34 +0200
Subject: [PATCH] docs: more improvements

---
 .../1.docs/1.getting-started/4.remote-storage.md   |  4 +++-
 .../1.docs/1.getting-started/5.server-logs.md      | 14 +++++---------
 .../2.drawing-app-with-nuxt-and-cloudflare-r2.md   |  7 +++----
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/docs/content/1.docs/1.getting-started/4.remote-storage.md b/docs/content/1.docs/1.getting-started/4.remote-storage.md
index 429dc2a3..35c40244 100644
--- a/docs/content/1.docs/1.getting-started/4.remote-storage.md
+++ b/docs/content/1.docs/1.getting-started/4.remote-storage.md
@@ -17,6 +17,8 @@ Your project [must be deployed](/docs/getting-started/deploy) in order to use th
 
 Once your project is deployed, you can use the remote storage in your local project.
 
+:nuxt-img{src="/images/landing/nuxthub-schema.png" alt="NuxtHub Schema" width="766" height="498" data-zoom-src="/images/landing/nuxthub-schema.png"}
+
 Start your Nuxt project with:
 
 ```bash [Terminal]
@@ -25,7 +27,7 @@ npx nuxt dev --remote
 
 The development project will now use the remote storage from your deployed project and these logs should happen in your terminal:
 
-```bash
+```bash [Terminal]
 ℹ Using production environment
 ℹ Using remote storage from https://my-project.nuxt.dev
 ℹ Remote storage available: database, kv, blob
diff --git a/docs/content/1.docs/1.getting-started/5.server-logs.md b/docs/content/1.docs/1.getting-started/5.server-logs.md
index 4f1371ee..6c1cecb0 100644
--- a/docs/content/1.docs/1.getting-started/5.server-logs.md
+++ b/docs/content/1.docs/1.getting-started/5.server-logs.md
@@ -9,9 +9,7 @@ When you have a successful deployment, you can access to the logs of the deploym
 
 Logs are available under the `Server > Logs` section of your project page. You can also access to the logs of each successful deployment in the `Deployments` section.
 
-::a{href="https://admin.hub.nuxt.com"}
-:nuxt-img{src="/images/landing/nuxthub-admin-server-logs.png" alt="NuxtHub Admin Server Logs" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-server-logs.png"}
-::
+:nuxt-img{src="/images/landing/nuxthub-admin-server-logs.png" alt="NuxtHub Admin Server Logs" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-server-logs.png" class="rounded"}
 
 ## NuxtHub CLI 
 
@@ -19,19 +17,17 @@ Using the [NuxtHub CLI](https://github.com/nuxt-hub/cli), you can access to the
 
 By default, the CLI will detect based on the current branch the canonical deployment of your project and stream the logs of that deployment in the CLI.
 
-```bash
+```bash [Terminal]
 nuxthub logs
 ```
 
-::a{href="https://github.com/nuxt-hub/cli"}
-:nuxt-img{src="/images/landing/nuxthub-cli-server-logs.png" alt="NuxtHub CLI Server Logs" width="915" height="515" data-zoom-src="/images/landing/nuxthub-cli-server-logs.png"}
-::
+:nuxt-img{src="/images/landing/nuxthub-cli-server-logs.png" alt="NuxtHub CLI Server Logs" width="915" height="515" data-zoom-src="/images/landing/nuxthub-cli-server-logs.png" class="rounded"}
 
 ### Production environment
 
 To access the logs of the production environment, you can use the `--production` flag.
 
-```bash
+```bash [Terminal]
 nuxthub logs --production
 ```
 
@@ -39,6 +35,6 @@ nuxthub logs --production
 
 In preview environment, NuxtHub will stream the logs of the latest successful deployment in the CLI.
 
-```bash
+```bash [Terminal]
 nuxthub logs --preview
 ```
diff --git a/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md b/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md
index ed570056..9f5b2d70 100644
--- a/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md
+++ b/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md
@@ -405,7 +405,7 @@ You can host your drawing application on a **free Cloudflare account** and **fre
 
 All you have to do is to run one single command:
 
-```bash
+```bash [Terminal]
 npx nuxthub deploy
 ```
 
@@ -431,11 +431,10 @@ If you prefer, you can also deploy this project using the NuxtHub Admin by click
 
 Once your project is deployed, you can use [NuxtHub Remote Storage](/docs/getting-started/remote-storage) to connect to your preview or production Cloudflare R2 bucket in development using the `--remote` flag:
 
-```bash
+```bash [Terminal]
 npx nuxt dev --remote
 ```
 
-
 ## Manage Drawings
 
 Some users may draw inappropriate drawings that we may want to remove. For this, NuxtHub provides a Blob panel in both the Nuxt DevTools and the NuxtHub Admin.
@@ -454,7 +453,7 @@ You can manage all the drawings using the Blob panel in the NuxtHub Admin.
 
 Once deployed, open the admin panel of your application with:
 
-```bash
+```bash [Terminal]
 npx nuxthub manage
 ```