From f78fb3ba7fa958d4bb0ad9da304a323be29689e5 Mon Sep 17 00:00:00 2001 From: Will Tsai <28876888+willtsai@users.noreply.github.com> Date: Fri, 20 Oct 2023 10:28:00 -0700 Subject: [PATCH] fix image paths Signed-off-by: Will Tsai <28876888+willtsai@users.noreply.github.com> --- docs/content/_index.md | 2 +- .../community/contributing/contributing-docs/index.md | 8 +++++--- docs/content/concepts/application-graph/index.md | 6 +++--- docs/content/concepts/architecture-concept/index.md | 6 +++--- docs/content/concepts/environments-concept/index.md | 2 +- docs/content/getting-started/index.md | 2 +- .../guides/author-apps/application/overview/index.md | 6 +++--- .../guides/author-apps/containers/howto-volumes/index.md | 6 +++--- .../guides/author-apps/containers/overview/index.md | 2 +- docs/content/guides/author-apps/dapr/overview/index.md | 4 ++-- .../guides/author-apps/networking/howto-gateways/index.md | 2 +- .../networking/howto-service-networking/index.md | 4 ++-- .../guides/author-apps/networking/howto-tls/index.md | 2 +- .../guides/author-apps/networking/overview/index.md | 4 ++-- .../author-apps/portable-resources/overview/index.md | 2 +- .../operations/control-plane/howto-postman/index.md | 4 ++-- .../operations/control-plane/metrics/grafana/index.md | 8 ++++---- .../operations/control-plane/traces/jaeger/index.md | 2 +- .../operations/control-plane/traces/zipkin/index.md | 2 +- docs/content/guides/operations/groups/overview/index.md | 2 +- .../guides/operations/kubernetes/overview/index.md | 2 +- .../content/guides/operations/providers/overview/index.md | 2 +- docs/content/guides/recipes/overview/index.md | 2 +- docs/content/guides/tooling/vscode/overview/index.md | 2 +- docs/content/installation/index.md | 2 +- docs/content/tutorials/eshop/_index.md | 2 +- docs/content/tutorials/new-app/index.md | 8 ++++---- docs/content/tutorials/tutorial-dapr/index.md | 2 +- docs/content/tutorials/tutorial-recipe/index.md | 8 ++++---- 29 files changed, 54 insertions(+), 52 deletions(-) diff --git a/docs/content/_index.md b/docs/content/_index.md index 38558bd1a..d822dfe03 100644 --- a/docs/content/_index.md +++ b/docs/content/_index.md @@ -10,7 +10,7 @@ no_list: true Welcome to the Radius documentation! Here you'll find everything you need to know about Radius, from getting started to advanced topics. {{% alert color="primary" %}} -Radius logo

+Radius logo

Radius is a cloud native application platform. It enables developers and IT operators to collaborate on delivering and managing cloud-native applications. With Radius, teams can easily understand their applications and how applications are running environments including dev, cloud, edge, and on-prem. Plus, teams can ensure their application infrastructure meets cost, operations, and security requirements. Open-source and multi-cloud, Radius is the cloud-native application platform for delivering and managing applications anywhere. [**Learn more**](https://radapp.io/) diff --git a/docs/content/community/contributing/contributing-docs/index.md b/docs/content/community/contributing/contributing-docs/index.md index 9dbb7db91..ba116c4cb 100644 --- a/docs/content/community/contributing/contributing-docs/index.md +++ b/docs/content/community/contributing/contributing-docs/index.md @@ -11,7 +11,7 @@ The Radius docs are built on [Hugo](https://gohugo.io) with the [Docsy](https:// Radius uses the [Diátaxis framework](https://diataxis.fr/) for its documentation: -Diagram showing the diataxis framework +Diagram showing the diataxis framework Follow the guidance on this page to learn how to get started, how to contribute, and how to use the Diátaxis framework to create new docs. @@ -356,17 +356,19 @@ Begin by placing images under `/daprdocs/static/images` with the naming conventi Then link to the image using: ```md -Description of image +Description of image ``` >Don't forget to set the alt attribute to keep the docs readable for our visually impaired users. +>Also note that the path to the image you wish to embed must begin with `./` to ensure the image renders properly when the webpage is built. + #### Example This HTML will display the `radius-overview.png` image on the `overview.md` page: ```md -Overview diagram of Dapr and its building blocks +Overview diagram of Dapr and its building blocks ``` ### Alerts diff --git a/docs/content/concepts/application-graph/index.md b/docs/content/concepts/application-graph/index.md index de2db4288..f14ba0c6a 100644 --- a/docs/content/concepts/application-graph/index.md +++ b/docs/content/concepts/application-graph/index.md @@ -11,19 +11,19 @@ toc_hide: true Radius offers an [application resource]({{< ref "guides/author-apps/application" >}}) which teams can use to define and deploy their entire application, including all of the compute, relationships, and infrastructure that make up the application. Since the graph of relationships between deployed resources is much more descriptive than a basic list of resources, the Radius Application graph can automate complex deployment tasks and enable rich visualization experiences. -A diagram showing an application and all it's resources +A diagram showing an application and all it's resources ## Graphs are better than lists Within an application deployed with Radius, developers can express both the resources (_containers, databases, message queues, etc._), as well as all the relationships between them. This forms the Radius Application graph. This graph is powerful because it allows Radius to understand the relationships between resources, simplifying the [deployment]({{< ref "/guides/deploy-apps" >}}) and [configuration]({{< ref "application" >}}) of your application. Plus, it allows you to visualize your application in a way that is more intuitive than a list of resources. -A diagram showing the move from a set of infrastructure lists to a graph of resources +A diagram showing the move from a set of infrastructure lists to a graph of resources ## Self-documenting applications The Radius Application graph also allows your application to be self-documenting, where developers and operators can query and reason about the same application definition. Instead of multiple views of logs, infrastructure, and code, Radius provides a single source of truth for your application. -A mockup of a dashboard UI showing an application, its resources, and its connections +A mockup of a dashboard UI showing an application, its resources, and its connections > **Note:** A Radius dashboard is still on the roadmap, but in the meantime you can use the [Radius API]({{< ref api-concept >}}) to build your own visual experiences today. diff --git a/docs/content/concepts/architecture-concept/index.md b/docs/content/concepts/architecture-concept/index.md index 8212a346a..626e59547 100644 --- a/docs/content/concepts/architecture-concept/index.md +++ b/docs/content/concepts/architecture-concept/index.md @@ -134,7 +134,7 @@ When listing applications using the `rad` CLI: 3. UCP proxies the HTTP request to the `Applications.Core` resource provider. 4. The `Applications.Core` resource provider handles the request and responds with the list of applications. -Diagram of the API flow described above +Diagram of the API flow described above {{% /codetab %}} @@ -148,7 +148,7 @@ When using Bicep to author and deploy Radius Applications: a. The `Bicep.Deployments` resource provider makes a request to UCP to Create/Update the resource. b. UCP routes the request to the appropriate resource provider to be handled. -Diagram of the API flow described above +Diagram of the API flow described above {{% /codetab %}} @@ -161,7 +161,7 @@ When using the `tf` CLI to deploy a Radius Application using Terraform: c. In the case of a Radius resource the Terraform provider makes a request the Radius API to Create/Update a resource. d. UCP routes the request to the appropriate resource provider to be handled. -Diagram of the API flow described above +Diagram of the API flow described above {{% /codetab %}} diff --git a/docs/content/concepts/environments-concept/index.md b/docs/content/concepts/environments-concept/index.md index 751d57910..39079c4bd 100644 --- a/docs/content/concepts/environments-concept/index.md +++ b/docs/content/concepts/environments-concept/index.md @@ -14,7 +14,7 @@ Radius Environments are a prepared landing zone for applications. They contain a Environments provide a grouping structure for applications and the resources they share. For example, an org might choose to setup separate Radius Environments for staging and production. When appropriate, multiple applications can be deployed into the same environment. -Diagram of multiple Radius Environments deployed to Azure. One environment contains 1 app, the other environment contains multiple apps. +Diagram of multiple Radius Environments deployed to Azure. One environment contains 1 app, the other environment contains multiple apps. ## Concerns that environments manage diff --git a/docs/content/getting-started/index.md b/docs/content/getting-started/index.md index 49840116b..c1fba457c 100644 --- a/docs/content/getting-started/index.md +++ b/docs/content/getting-started/index.md @@ -14,7 +14,7 @@ This guide will show you how to quickly get started with Radius. You'll walk thr **Estimated time to complete: 10 min** -Diagram of the application and its resources +Diagram of the application and its resources {{< alert title="🚀 Run in a free GitHub Codespace" color="primary" >}} The Radius getting-started guide can be [run **for free** in a GitHub Codespace](https://github.blog/changelog/2022-11-09-codespaces-for-free-and-pro-accounts/). Visit the following link to get started in seconds: diff --git a/docs/content/guides/author-apps/application/overview/index.md b/docs/content/guides/author-apps/application/overview/index.md index a7923c4cb..1a55347bf 100644 --- a/docs/content/guides/author-apps/application/overview/index.md +++ b/docs/content/guides/author-apps/application/overview/index.md @@ -8,7 +8,7 @@ categories: "Overview" tags: ["applications"] --- -Diagram of an application +Diagram of an application A Radius Application is the primary resource that brings all your "stuff" together. This can include services, dependencies, and relationships. Radius apps give you a single description and view into your entire application, and allow you to deploy and manage it easily. @@ -16,7 +16,7 @@ A Radius Application is the primary resource that brings all your "stuff" togeth Radius Applications are designed to be cloud and platform agnostic. This means that you can define your application once, and deploy it to any cloud or platform that Radius supports. This allows you to easily move your application between clouds, or even between cloud and on-premises environments. Developers can define their requirements and dependencies (_Redis, SQL, Dapr, etc._) and operators can define the [environments]({{< ref "guides/deploy-apps/environments/overview" >}}) and [Recipes]({{< ref "guides/recipes/overview" >}}) that bind those requirements to the appropriate cloud resources. -Diagram of portable resources binding to different clouds +Diagram of portable resources binding to different clouds Learn more about portable resources in the [portable resources docs]({{< ref "guides/author-apps/portable-resources/overview" >}}) and [Dapr docs]({{< ref "guides/author-apps/dapr/overview" >}}) @@ -36,7 +36,7 @@ The [Kubernetes Metadata extension]({{< ref "guides/operations/kubernetes/kubern Radius Applications are more than just client-side configuration and automation, they also provide a server-side graph of your application. This graph can be queried and used to understand your application, and can be used to power other Radius features and custom tooling. Refer to the [API concept docs]({{< ref "api-concept" >}}) and [Postman How-To guide]({{< ref "guides/operations/control-plane/howto-postman" >}}) for more information on how to query the application graph. -Diagram of the application graph +Diagram of the application graph ## Resource schema diff --git a/docs/content/guides/author-apps/containers/howto-volumes/index.md b/docs/content/guides/author-apps/containers/howto-volumes/index.md index 530c325b7..3c7c89c93 100644 --- a/docs/content/guides/author-apps/containers/howto-volumes/index.md +++ b/docs/content/guides/author-apps/containers/howto-volumes/index.md @@ -41,7 +41,7 @@ The `samples/volumes` container will display the status and contents of the `/tm ``` 1. Visit [localhost:5000](http://localhost:5000) in your browser. You should see a message warning that the directory `/tmpdir` does not exist: - Screeshot of container showing that the tmp directory does not exist + Screeshot of container showing that the tmp directory does not exist ## Step 3: Add an ephemeral volume @@ -65,10 +65,10 @@ Within the `container.volume` property, add a new volume named `temp` and config 1. Visit [localhost:5000](http://localhost:5000) in your browser. You should see the contents of `/tmpdir`, showing an empty directory. - Screeshot of container showing that the tmp directory has no items + Screeshot of container showing that the tmp directory has no items 1. Press the `Create file` button to generate a new file in the directory, such as `test.txt`: - Screeshot of container showing files being created + Screeshot of container showing files being created 1. Done! You've now learned how to mount an ephemeral volume ## Cleanup diff --git a/docs/content/guides/author-apps/containers/overview/index.md b/docs/content/guides/author-apps/containers/overview/index.md index 35665aad8..bd90ae237 100644 --- a/docs/content/guides/author-apps/containers/overview/index.md +++ b/docs/content/guides/author-apps/containers/overview/index.md @@ -10,7 +10,7 @@ tags: ["containers"] A Radius container enables you to run a container workload as part of your application across different platforms and runtimes. Your container can be a frontend UI, a backend API, a database, or any other container you need to run as part of your app. Plus, with Radius Connections, you can easily connect your container to other resources in your application, such as databases, message queues, and more and automatically configure your container with identity, secrets, and other configuration. -Container graphic +Container graphic > Adding a container and want to jump to the reference docs? Check out the [container resource schema]({{< ref "container-schema" >}}). diff --git a/docs/content/guides/author-apps/dapr/overview/index.md b/docs/content/guides/author-apps/dapr/overview/index.md index d81a23dfb..e7a530bcb 100644 --- a/docs/content/guides/author-apps/dapr/overview/index.md +++ b/docs/content/guides/author-apps/dapr/overview/index.md @@ -20,7 +20,7 @@ Follow the [Dapr installation instructions](https://docs.dapr.io/operations/host A [Dapr sidecar](https://docs.dapr.io/concepts/dapr-services/sidecar/) allows your services to interact with Dapr building blocks. It is required if your service leverages Dapr. -Diagram of the Dapr sidecar
+Diagram of the Dapr sidecar
You can easily add the Dapr sidecar to your [Containers]({{< ref "guides/author-apps/containers" >}}) using a Dapr sidecar extension: @@ -38,7 +38,7 @@ Your container can now interact with the sidecar using the Dapr [building block Dapr resources make it easy to model and configure [Dapr building block APIs](https://docs.dapr.io/developing-applications/building-blocks/). Simply specify the building block and the backing resource, and Radius will apply the accompanying Dapr component configuration. -Diagram of all the Dapr building blocks
+Diagram of all the Dapr building blocks
Model your building blocks as resources: diff --git a/docs/content/guides/author-apps/networking/howto-gateways/index.md b/docs/content/guides/author-apps/networking/howto-gateways/index.md index db73e9700..864ab2f46 100644 --- a/docs/content/guides/author-apps/networking/howto-gateways/index.md +++ b/docs/content/guides/author-apps/networking/howto-gateways/index.md @@ -60,7 +60,7 @@ Building app.bicep... Visit the endpoint to interact with the demo Radius container: -Screenshot of te demo application +Screenshot of te demo application ## Done diff --git a/docs/content/guides/author-apps/networking/howto-service-networking/index.md b/docs/content/guides/author-apps/networking/howto-service-networking/index.md index 40cd4d766..2946cdeff 100644 --- a/docs/content/guides/author-apps/networking/howto-service-networking/index.md +++ b/docs/content/guides/author-apps/networking/howto-service-networking/index.md @@ -10,7 +10,7 @@ categories: "How-To" This guide will show you how two services can communicate with each other. In this example, we will have a frontend container service that communicates with a backend container service. -Diagram of the frontend talking to the backend over HTTP port 80 +Diagram of the frontend talking to the backend over HTTP port 80 ## Prerequisites @@ -64,7 +64,7 @@ Starting log stream... Visit [http://localhost:3000](http://localhost:3000) in your browser. You should see a connection to the backend container, along with the environment variables that have automatically been set on the frontend container: -Screenshot of the demo container showing the backend connections +Screenshot of the demo container showing the backend connections ## Done diff --git a/docs/content/guides/author-apps/networking/howto-tls/index.md b/docs/content/guides/author-apps/networking/howto-tls/index.md index fa3aefc87..c143bcdce 100644 --- a/docs/content/guides/author-apps/networking/howto-tls/index.md +++ b/docs/content/guides/author-apps/networking/howto-tls/index.md @@ -102,7 +102,7 @@ Building app.bicep... Once the deployment is complete you should see a public endpoint displayed at the end. Navigating to this public endpoint should show you your application that is accessed via HTTPS, assuming that you have a valid TLS certificate: -View TLS certificate +View TLS certificate ## Done diff --git a/docs/content/guides/author-apps/networking/overview/index.md b/docs/content/guides/author-apps/networking/overview/index.md index acb4395f4..71b639514 100644 --- a/docs/content/guides/author-apps/networking/overview/index.md +++ b/docs/content/guides/author-apps/networking/overview/index.md @@ -12,7 +12,7 @@ Radius networking resources allow you to model: - Communication between services - Communication between a user and a service -Diagram of a gateway with traffic going to a frontend container, which in turn sends traffic to the basket and catalog containers +Diagram of a gateway with traffic going to a frontend container, which in turn sends traffic to the basket and catalog containers ## Service to service communication @@ -26,7 +26,7 @@ Network connections are defined as strings containing: For example, a frontend container may need to connect to a basket container. The frontend container would define a connection to the basket container, with the scheme `http`, the target `basket`, and the port `3000`. The connection would look like this: `http://basket:3000`. -Diagram showing the components of a network connection +Diagram showing the components of a network connection For more information on how to do service to service networking, visit the [service networking how-to guide]({{< ref howto-service-networking >}}): diff --git a/docs/content/guides/author-apps/portable-resources/overview/index.md b/docs/content/guides/author-apps/portable-resources/overview/index.md index cdae1ac9d..f51620c80 100644 --- a/docs/content/guides/author-apps/portable-resources/overview/index.md +++ b/docs/content/guides/author-apps/portable-resources/overview/index.md @@ -12,7 +12,7 @@ tags: ["portability"] Portable resources provide **abstraction** and **portability** to Radius Applications. This allows development teams to depend on high level resource types and APIs, and let infra teams swap out the underlying resource and configuration. -Diagram of portable resources connecting to Azure CosmosDB, AWS MongoDB, and a MongoDB Docker container +Diagram of portable resources connecting to Azure CosmosDB, AWS MongoDB, and a MongoDB Docker container ## Available resources diff --git a/docs/content/guides/operations/control-plane/howto-postman/index.md b/docs/content/guides/operations/control-plane/howto-postman/index.md index aced3f377..6d6d9937f 100644 --- a/docs/content/guides/operations/control-plane/howto-postman/index.md +++ b/docs/content/guides/operations/control-plane/howto-postman/index.md @@ -103,11 +103,11 @@ Next, you'll need to get the control plane API endpoint and use Postman to inter /apis/api.ucp.dev/v1alpha3/planes/radius/local/resourcegroups?api-version=2023-10-01-preview ``` - Screenshot of Postman with filled out URL + Screenshot of Postman with filled out URL 1. Open the `Authorization` tab and select `Bearer Token` from the `Type` dropdown. Paste the token you generated in step 2 into the `Token` field: - Screenshot of Postman with filled out auth token + Screenshot of Postman with filled out auth token 1. Click the `Send` button to send the request. You will now see your resource groups: diff --git a/docs/content/guides/operations/control-plane/metrics/grafana/index.md b/docs/content/guides/operations/control-plane/metrics/grafana/index.md index 9b45528fb..88578dcdb 100644 --- a/docs/content/guides/operations/control-plane/metrics/grafana/index.md +++ b/docs/content/guides/operations/control-plane/metrics/grafana/index.md @@ -18,17 +18,17 @@ There are two example dashboards that you can import into Grafana to quickly get The [radius-overview-dashboard.json](https://raw.githubusercontent.com/radius-project/radius/main/grafana/radius-overview-dashboard.json) template shows Radius and Deployment Engine statuses, including runtime, and server-side health: -1st screenshot of the Radius Overview Dashboard
+1st screenshot of the Radius Overview Dashboard
-2nd screenshot of the Radius Overview Dashboard
+2nd screenshot of the Radius Overview Dashboard
### Resource provider overview The [radius-resource-provider-dashboard.json](https://raw.githubusercontent.com/radius-project/radius/main/grafana/radius-resource-provider-dashboard.json) template shows Radius Resource Provider status, including runtime, server-side, and operations health: -1st screenshot of the Radius Resource Provider Dashboard
+1st screenshot of the Radius Resource Provider Dashboard
-2nd screenshot of the Radius Resource Provider Dashboard
+2nd screenshot of the Radius Resource Provider Dashboard
## Setup on Kubernetes diff --git a/docs/content/guides/operations/control-plane/traces/jaeger/index.md b/docs/content/guides/operations/control-plane/traces/jaeger/index.md index 895d982f1..6f4f6797b 100644 --- a/docs/content/guides/operations/control-plane/traces/jaeger/index.md +++ b/docs/content/guides/operations/control-plane/traces/jaeger/index.md @@ -60,7 +60,7 @@ The following steps show you how to configure the Radius control plane to send d 2. In your browser, go to [http://localhost:16686](http://localhost:16686) to see the Jaeger UI: - + ## References diff --git a/docs/content/guides/operations/control-plane/traces/zipkin/index.md b/docs/content/guides/operations/control-plane/traces/zipkin/index.md index df99eba3c..9fae7ff1b 100644 --- a/docs/content/guides/operations/control-plane/traces/zipkin/index.md +++ b/docs/content/guides/operations/control-plane/traces/zipkin/index.md @@ -54,7 +54,7 @@ The following steps show you how to configure the [Radius control plane]({{< ref 2. In your browser, go to [http://localhost:9411](http://localhost:9411) to see the Zipkin UI and run a query: - + 3. Done! You can now use the Zipkin UI to view tracing data for your Radius control plane. diff --git a/docs/content/guides/operations/groups/overview/index.md b/docs/content/guides/operations/groups/overview/index.md index b7d182fee..04383b3b5 100644 --- a/docs/content/guides/operations/groups/overview/index.md +++ b/docs/content/guides/operations/groups/overview/index.md @@ -8,7 +8,7 @@ weight: 100 Resource groups are collections of resources that you can manage as a single unit. You can use resource groups to organize your resources when deploying Radius Applications. -Diagram showing Radius resources inside of a Radius resource group +Diagram showing Radius resources inside of a Radius resource group {{% alert title="Radius vs. Azure Resource Groups" color="primary" %}} Note that resource groups in Radius are not the same as [Azure resource groups](https://learn.microsoft.com/azure/azure-resource-manager/management/manage-resource-groups-portal). Azure resource groups are used to organize Azure resources, while Radius resource groups are used to organize Radius resources, such as applications, environments, portable resources, and routes. When you deploy a template that contains both, Radius resources route to the Radius resource group defined in your workspace, and Azure resources route to the Azure resource group defined in your [cloud provider]({{< ref providers >}}). diff --git a/docs/content/guides/operations/kubernetes/overview/index.md b/docs/content/guides/operations/kubernetes/overview/index.md index 9174dcd95..f862b49ee 100644 --- a/docs/content/guides/operations/kubernetes/overview/index.md +++ b/docs/content/guides/operations/kubernetes/overview/index.md @@ -10,7 +10,7 @@ tags: ["Kubernetes"] Radius offers a Kubernetes-based platform for hosting the [Radius control plane]({{< ref "/guides/operations/control-plane" >}}) and [Radius Environments]({{< ref "/guides/deploy-apps/environments/overview" >}}). -Diagram showing Radius resources being mapped to Kubernetes objects +Diagram showing Radius resources being mapped to Kubernetes objects ## Supported Kubernetes versions diff --git a/docs/content/guides/operations/providers/overview/index.md b/docs/content/guides/operations/providers/overview/index.md index 5bd4cb25c..db5708cf9 100644 --- a/docs/content/guides/operations/providers/overview/index.md +++ b/docs/content/guides/operations/providers/overview/index.md @@ -10,7 +10,7 @@ tags: ["AWS","Azure"] Radius cloud providers allow you to deploy and connect to cloud resources across various cloud platforms. For example, you can use the Radius Azure provider to run your application's services in your Kubernetes cluster, while deploying Azure resources to a specified Azure subscription and resource group. -Diagram of cloud resources getting forwarded to cloud platforms upon deployment +Diagram of cloud resources getting forwarded to cloud platforms upon deployment ## Supported cloud providers diff --git a/docs/content/guides/recipes/overview/index.md b/docs/content/guides/recipes/overview/index.md index b6928ae51..1a15517e2 100644 --- a/docs/content/guides/recipes/overview/index.md +++ b/docs/content/guides/recipes/overview/index.md @@ -10,7 +10,7 @@ tags: ["recipes"] Recipes enable a **separation of concerns** between infrastructure operators and developers by **automating infrastructure deployment**. Developers select the resource they want in their app (_Mongo Database, Redis Cache, Dapr State Store, etc._), and infrastructure operators codify in their environment how these resources should be deployed and configured (_lightweight containers, Azure resources, AWS resources, etc._). When a developer deploys their application and its resources, Recipes automatically deploy the backing infrastructure and bind it to the developer's resources. -Diagram showing developers adding Redis to their app and operators adding a Recipe that Redis should deploy an Azure Cache for Redis +Diagram showing developers adding Redis to their app and operators adding a Recipe that Redis should deploy an Azure Cache for Redis ## Capabilities diff --git a/docs/content/guides/tooling/vscode/overview/index.md b/docs/content/guides/tooling/vscode/overview/index.md index 503601b29..af0672664 100644 --- a/docs/content/guides/tooling/vscode/overview/index.md +++ b/docs/content/guides/tooling/vscode/overview/index.md @@ -14,7 +14,7 @@ When using Visual Studio Code with Radius there are a set of extensions you can The Radius Bicep extension provides formatting, intellisense, and validation for Bicep templates. -Screenshot of the Radius Bicep extension showing available Radius resource types +Screenshot of the Radius Bicep extension showing available Radius resource types

{{< button text="Radius Bicep guide" page="howto-vscode-bicep" >}} diff --git a/docs/content/installation/index.md b/docs/content/installation/index.md index 0b7caeac7..d01212374 100644 --- a/docs/content/installation/index.md +++ b/docs/content/installation/index.md @@ -8,7 +8,7 @@ weight: 25 Radius consists of a set of tools and services that together form the Radius platform. -Diagram showing rad CLI and VSCode extension on local machine plus the Radius control plane on a Kubernetes cluster +Diagram showing rad CLI and VSCode extension on local machine plus the Radius control plane on a Kubernetes cluster ## Step 1: Install the rad CLI diff --git a/docs/content/tutorials/eshop/_index.md b/docs/content/tutorials/eshop/_index.md index a6c3073d0..b6146cf13 100644 --- a/docs/content/tutorials/eshop/_index.md +++ b/docs/content/tutorials/eshop/_index.md @@ -18,7 +18,7 @@ The [eShop on Containers](https://github.com/dotnet-architecture/eShopOnContaine ### Architecture -Architecture diagram of eShop on containers
+Architecture diagram of eShop on containers
eShop on Containers uses a microservice oriented architecture implementation with multiple autonomous microservices (each one owning its own data/db) and implementing different approaches within each microservice (simple CRUD vs. DDD/CQRS patterns). The application uses HTTP as the communication protocol between the client apps and the microservices and supports asynchronous communication for data updates propagation across multiple services based on Integration Events and an Event Bus. diff --git a/docs/content/tutorials/new-app/index.md b/docs/content/tutorials/new-app/index.md index 975c95067..d1dd3c4ea 100644 --- a/docs/content/tutorials/new-app/index.md +++ b/docs/content/tutorials/new-app/index.md @@ -17,7 +17,7 @@ This tutorial will teach you the basics of creating a new Radius Application. Yo By the end of the tutorial, you will have created and deployed a new Radius Application. -Diagram of the application resources and their connections +Diagram of the application resources and their connections ## Prerequisites @@ -191,7 +191,7 @@ demo-bb9df8798-b68rc demo [port-forward] connected from localhost:3000 -> ::3000 Open [http://localhost:3000](http://localhost:3000) to view the Radius demo container: -Screenshot of the Radius demo container +Screenshot of the Radius demo container When you're done press `CTRL + c` to terminate the port-forward and log stream. @@ -260,7 +260,7 @@ In addition to containers, you can add dependencies like Redis caches, Dapr Stat 1. Open [localhost:3000](http://localhost:3000) to interact with the demo container. You should see the container's connections and metadata, this time with a connection to the Mongo database and new environment variables set: - Screenshot of the Radius demo container + Screenshot of the Radius demo container 1. Press CTRL+C to terminate the port-forward and log stream. @@ -331,7 +331,7 @@ In addition to dependencies, you can add more containers to make your applicatio 1. Open [localhost:3000](http://localhost:3000) to interact with the demo container. You should see the container's connections and metadata, this time with a connection to the backend container and new environment variables set: - Screenshot of the demo container with a connection to the backend container + Screenshot of the demo container with a connection to the backend container Note the environment variables that are set with connection information for the backend container. diff --git a/docs/content/tutorials/tutorial-dapr/index.md b/docs/content/tutorials/tutorial-dapr/index.md index 75c7222c5..efc886cec 100644 --- a/docs/content/tutorials/tutorial-dapr/index.md +++ b/docs/content/tutorials/tutorial-dapr/index.md @@ -98,7 +98,7 @@ Add a `frontend` [container]({{< ref "guides/author-apps/containers" >}}) which In your browser, navigate to the endpoint (e.g. [http://localhost:8080](http://localhost:8080)) to view and interact with your application: - Screenshot of frontend application + Screenshot of frontend application ## Cleanup diff --git a/docs/content/tutorials/tutorial-recipe/index.md b/docs/content/tutorials/tutorial-recipe/index.md index 56352853b..f5b16ace3 100644 --- a/docs/content/tutorials/tutorial-recipe/index.md +++ b/docs/content/tutorials/tutorial-recipe/index.md @@ -24,7 +24,7 @@ This tutorial will teach you the following about Recipes This application is a simple to-do list which stores and visualizes to-do items. It consists of a frontend [container]({{< ref "guides/author-apps/containers" >}}) and a backend [Redis Cache]({{< ref redis >}}). -Screenshot of the todoapp with Kubernetes, Azure and AWS Redis Cache options +Screenshot of the todoapp with Kubernetes, Azure and AWS Redis Cache options {{< alert title="💡 Portable resources" color="info" >}} Developers don't need to specify what cloud resources they're using in their application. Instead, they choose the portable Redis API which can be provided by any cloud provider (or a Docker container). When deployed, a Recipe will select what infrastructure to deploy and run. @@ -140,7 +140,7 @@ Note that no Recipe name is specified with 'db', so it will be using the default You can now see both the environment variables of your container under Radius Connections as well as interact with the `Todo App` and add/remove items in it as wanted: - screenshot of the todo application + screenshot of the todo application ## Step 4: Use Azure/AWS recipes in your application @@ -217,7 +217,7 @@ This step requires an Azure subscription or an AWS account to deploy cloud resou You can now see environment variables of your container under Radius Connections updated with the details of the Azure Cache for Redis and the Todo app now uses the Azure cache for Redis as the data store - screenshot of the todo application + screenshot of the todo application {{% /codetab %}} @@ -284,7 +284,7 @@ This step requires an Azure subscription or an AWS account to deploy cloud resou You can now see environment variables of your container under Radius Connections updated with the details of the Amazon Memory Db for Redis and the Todo app now uses the Amazon Memory Db for Redis as the data store - screenshot of the todo application + screenshot of the todo application {{% /codetab %}}