add overview diagrams

Signed-off-by: Tim Ramlot <[email protected]>

Author: inteon

content/docs/usage/README.md

@@ -3,6 +3,10 @@ title: Requesting Certificates
 description: 'cert-manager usage: Overview'
 ---
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate.svg"></object>
+</div>
+
 Once an [`Issuer`](../configuration/README.md) has been configured, you're ready to issue your first certificate!
 
 There are several use cases and methods for requesting certificates through cert-manager:

content/docs/usage/certificate.md

@@ -6,6 +6,10 @@ description: 'cert-manager usage: Certificates'
 > **apiVersion:** cert-manager.io/v1  
 > **kind:** Certificate
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-certificate.svg"></object>
+</div>
+
 In cert-manager, the [`Certificate`](../concepts/certificate.md) resource
 represents a human readable definition of a certificate request that is to be
 honored by an issuer which is to be kept up-to-date. This is the usual way that

content/docs/usage/certificaterequest.md

@@ -6,6 +6,10 @@ description: 'cert-manager core concepts: CertificateRequests'
 > **apiVersion:** cert-manager.io/v1  
 > **kind:** CertificateRequest
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-certificaterequest.svg"></object>
+</div>
+
 The `CertificateRequest` is a namespaced resource in cert-manager that is used
 to request X.509 certificates from an [`Issuer`](../concepts/issuer.md). The resource
 contains a base64 encoded string of a PEM encoded certificate request which is

content/docs/usage/csi.md

@@ -3,6 +3,10 @@ title: CSI Driver
 description: 'cert-manager usage: CSI driver'
 ---
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-csi.svg"></object>
+</div>
+
 ## Enabling mTLS of Pods using the cert-manager CSI Driver
 
 A [Container Storage Interface (CSI)

content/docs/usage/gateway.md

@@ -6,6 +6,10 @@ description: 'cert-manager usage: Kubernetes Gateways'
 > **apiVersion:** gateway.networking.k8s.io/v1alpha2  
 > **kind:** Gateway
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-gateway.svg"></object>
+</div>
+
 **FEATURE STATE**: cert-manager 1.5 [alpha]
 
 <div className="info">

content/docs/usage/ingress.md

@@ -6,6 +6,10 @@ description: 'cert-manager usage: Kubernetes Ingress'
 > **apiVersion:** networking.k8s.io/v1  
 > **kind:** Ingress
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-ingress.svg"></object>
+</div>
+
 A common use-case for cert-manager is requesting TLS signed certificates to
 secure your ingress resources. This can be done by simply adding annotations to
 your `Ingress` resources and cert-manager will facilitate creating the

content/docs/usage/istio-csr.md

@@ -3,6 +3,10 @@ title: Securing Istio Service Mesh
 description: 'cert-manager usage: Istio and istio-csr'
 ---
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-mesh.svg"></object>
+</div>
+
 cert-manager can be integrated with [Istio](https://istio.io) using the project
 [istio-csr](https://github.com/cert-manager/istio-csr). istio-csr will deploy an
 agent that is responsible for receiving certificate signing requests for all

content/docs/usage/kube-csr.md

@@ -6,6 +6,10 @@ description: 'cert-manager usage: Kubernetes CertificateSigningRequest resources
 > **apiVersion:** certificates.k8s.io/v1  
 > **kind:** CertificateSigningRequest
 
+<div style={{textAlign: "center"}}>
+<object data="/images/request-certificate-overview/request-certificate-csr.svg"></object>
+</div>
+
 Kubernetes has an in-built
 [CertificateSigningRequest](https://kubernetes.io/docs/reference/access-authn-authz/certificate-signing-requests/)
 resource. This resource is similar to the cert-manager