cards-meshmap

Signed-off-by: Lee Calcote <[email protected]>
layer5io · Oct 29, 2023 · c358c7a · c358c7a
1 parent 10b8ecd
commit c358c7a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
@@ -341,7 +341,9 @@ a.dash:hover {
 }
 
 // Cards
-
+.card {
+  background-color: $dark;
+}
 .card-header .bg-white {
   background-color: $dark;
 }

diff --git a/content/en/meshmap/concepts/_index.md b/content/en/meshmap/concepts/_index.md
@@ -1,5 +1,5 @@
 ---
-title: Designer
+title: Components
 weight: 4
 type: docs
 description: >

diff --git a/content/en/meshmap/overview/_index.md b/content/en/meshmap/overview/_index.md
@@ -1,13 +1,15 @@
 ---
 title: Overview
-description: Here's where your user finds out if your project is for them.
+description: Learn about MeshMap's two modes - Visualizer and Designer.
 weight: 1
 ---
 
-{{% pageinfo %}}
-This is a placeholder page that shows you how to use this template site.
-{{% /pageinfo %}}
-
+{{% card %}}
+[Visualizer](../visualizer/) mode is for operating your Kubernetes clusters and cloud native infrastructure.
+{{% /card %}}
+{{% card %}}
+[Designer](../designer/) mode is for those who want to create their own MeshMap, using the palette of components provided by Meshery.
+{{% /card %}}
 
 The Overview is where your users find out about your project. Depending on the size of your docset, you can have a separate overview page (like this one) or put your overview contents in the Documentation landing page (like in the Docsy User Guide).