Updated screenshots and some minor text changes to reflect the curren…

…t state of the canvas edge/node styling.
otterize · Mar 20, 2024 · b956697 · b956697
1 parent 046073e
commit b956697
Show file tree

Hide file tree

Showing 15 changed files with 9 additions and 6 deletions.
diff --git a/docs/overview/otterize-cloud/README.mdx b/docs/overview/otterize-cloud/README.mdx
@@ -27,7 +27,6 @@ All of this is presented in a unified, filtered view called the **access graph**
 are they blocked or would they be blocked if enforcement were turned on, are they protected, and how are they configured.
 
 ![Otterize Cloud - access graph 1](/img/cloud-ui/access-graph-screenshot-1.png)
-![Otterize Cloud - access graph 2](/img/cloud-ui/access-graph-screenshot-2.png)
 
 The access graph **continuously** reflects the state of your cluster, as reported by the Otterize OSS operators. Any changes made in the cluster appear in real time in Otterize Cloud.
 
@@ -91,15 +90,19 @@ The access graph combines all the information about the Kubernetes cluster and t
 
 Here is the meaning of the various arrows connecting the services &mdash; the edges of the graph that connect its nodes:
 
-![Otterize Cloud - access graph legend](/img/cloud-ui/access-graph-legend.png)
+<img alt="Otterize Cloud - green arrow" src="/img/cloud-ui/green-arrow.png" className="tw-max-h-8"/>
 
-Solid colored arrows indicate that all discovered intents &mdash; calls that were detected by the network mapper &mdash; were declared as intents. There may even be declared intents beyond what was detected.
+A green arrow indicates a connection allowed by policies
 
-Dashed colored arrows indicate that at least some discovered intents were not declared.
+<img alt="Otterize Cloud - yellow arrow" src="/img/cloud-ui/yellow-arrow.png" className="tw-max-h-12"/>
+
+A yellow arrow indicates a connection that will be blocked when enforcement is enabled
+
+<img alt="Otterize Cloud - red arrow" src="/img/cloud-ui/red-arrow.png" className="tw-max-h-8"/>
+
+A red arrow indicates a connection that will be blocked
 
-Solid black arrows indicate declared intents from the intents operator only, when the network mapper isn't integrated and supplying information on actual, discovered intents.
 
-Dashed black arrows indicate discovered intents from the network mapper only, when the intents operator isn't integrated and supplying information on declared intents.
 
 {@include: _environments_and_namespaces.mdx}
 

diff --git a/static/img/cloud-ui/access-graph-screenshot-1.png b/static/img/cloud-ui/access-graph-screenshot-1.png
diff --git a/static/img/cloud-ui/green-arrow.png b/static/img/cloud-ui/green-arrow.png
diff --git a/static/img/cloud-ui/red-arrow.png b/static/img/cloud-ui/red-arrow.png
diff --git a/static/img/cloud-ui/yellow-arrow.png b/static/img/cloud-ui/yellow-arrow.png
diff --git a/static/img/quick-tutorials/aws-iam-visibility/aws-iam-visibility.png b/static/img/quick-tutorials/aws-iam-visibility/aws-iam-visibility.png
diff --git a/...g/quick-tutorials/egress-access-control/unprotected-network-egress-tutorial.png b/...g/quick-tutorials/egress-access-control/unprotected-network-egress-tutorial.png
diff --git a/static/img/quick-tutorials/k8s-istio-authorization-policies/protected-edge.png b/static/img/quick-tutorials/k8s-istio-authorization-policies/protected-edge.png
diff --git a/static/img/quick-tutorials/k8s-istio-authorization-policies/protected.png b/static/img/quick-tutorials/k8s-istio-authorization-policies/protected.png
diff --git a/...ick-tutorials/network-mapper/otterize-tutorial-access-graph-edge-info-modal.png b/...ick-tutorials/network-mapper/otterize-tutorial-access-graph-edge-info-modal.png
diff --git a/...ick-tutorials/network-mapper/otterize-tutorial-access-graph-istio-edge-info.png b/...ick-tutorials/network-mapper/otterize-tutorial-access-graph-istio-edge-info.png
diff --git a/static/img/quick-tutorials/network-mapper/otterize-tutorial-access-graph-istio.png b/static/img/quick-tutorials/network-mapper/otterize-tutorial-access-graph-istio.png
diff --git a/static/img/quick-tutorials/network-mapper/otterize-tutorial-access-graph.png b/static/img/quick-tutorials/network-mapper/otterize-tutorial-access-graph.png
diff --git a/static/img/quick-tutorials/network-policies/base.png b/static/img/quick-tutorials/network-policies/base.png
diff --git a/static/img/quick-tutorials/network-policies/protected.png b/static/img/quick-tutorials/network-policies/protected.png