Merge branch 'master' into svgs

Signed-off-by: Lee Calcote <[email protected]>

Author: leecalcote

README.md

@@ -17,10 +17,11 @@ The docker image is pre-built with all the website dependencies installed, which
 
 ### With Golang
 
-If your local development environment has a supported version (v1.21.0+) of Golang installed you can run:
+If your local development environment has a supported version (v1.21.0+) of Golang installed, next you'll need to install extended hugo version as it has necessary SCSS/SASS support. Find all the hugo packages here: https://github.com/gohugoio/hugo/releases/tag/v0.120.4
 
-make setup
-make site
+Now to setup and run the site locally run: 
+
+`make setup` followed by `make site`
 
 ...and then visit http://localhost:1313.
 

assets/scss/_navbar_project.scss

@@ -0,0 +1,29 @@
+.navbar-brand {
+  width: 280.06px;
+  height: 30px;
+
+}
+
+.main-nav-items {
+  margin-top: 0.75rem;
+}
+
+.nav-link-external {
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  color: $primary;
+  background: transparent;
+  transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
+}
+
+.nav-link-external:hover {
+  border: 1px solid $primary;
+  color: $primary;
+  box-shadow: $light 0 0 5px;
+  background-color: transparent;
+}
+
+.nav-link-external:active {
+  box-shadow: $primary 0 0 5px;
+  border: 1px solid $secondary;
+}

assets/scss/_styles_project.scss

@@ -5,14 +5,38 @@
 @import 'footer_project.scss';
 @import 'variables_project.scss';
 @import 'landing_project.scss';
+@import '_navbar_project.scss';
 
 // Global Navigation Bar
 .td-navbar{
   min-height:6rem;
   background-color: $body-bg !important;
-.navbar-brand  {
+  .navbar-brand  {
     margin: 1.25rem;
   }
+  .td-search {
+    display:flex;
+    justify-content: center;
+    align-content: center;
+    // background-color: #EBC017;
+    background-color:#2e2e31;
+
+      .td-search__input {
+        width: 100%;
+        text-indent: 1.25em;
+        border-radius: 1rem; }
+        .td-search__input:not(:focus) {
+          background: transparent; }
+        .td-search__input.form-control:focus {
+          border-color: orange;
+          box-shadow: 0 0 0 2px red;
+          color: inherit; }
+    }
+    .td-search__input.form-control:focus {
+     
+      background-color: #EBC017;
+    }    
+  
 }
 
 .navbar-dark {
@@ -169,17 +193,14 @@ a:not([href]):not([class]):hover {
   z-index: 5;
 
 }
-td-sidebar {
+.td-sidebar {
   background-image: linear-gradient(to top, #1e2117, #1d1912, #18120e, #0f0a09, #000000);
-
-  td-sidebar__inner {
-    td-sidebar__search {
-      td-search {
-
-      }
+  .td-sidebar__inner {
+    .td-sidebar__search {
     }
   }
 }
+
 // Left sidebar
 .td-sidebar-nav {
   overflow: hidden;
@@ -330,14 +351,12 @@ td-sidebar {
   margin-bottom: 4rem; 
   font-size:5rem;
   text-align: left;
-  background: linear-gradient(90deg, 
-    rgba(235,192,23, 0.46) 9.03%, 
-    rgba(223, 255, 199, 0.57) 41.12%, 
-    rgba(255,243,197, 0.31) 61.68%) repeat scroll 0% 0% / auto padding-box text, rgba(0, 0, 0, 0) 
-    linear-gradient(rgb(239, 239, 241), rgb(239, 239, 255)) repeat scroll 0% 0% / auto padding-box text; 
-    background-position: 0% 0%, 0% 0%;
+  background: 
+    linear-gradient(217deg, rgba(249,245,13, 0.26), rgba(223, 255, 219, 0.57) 9.03%),
+    linear-gradient(127deg, rgba(249,245,13, 0.7), rgba(223, 225, 199, 0.1) 41.12%),
+    linear-gradient(336deg, rgba(249,245,13, 0.1), rgba(239, 239, 251, 0.81) 0%);    background-position: 0% 0%, 0% 0%;
     box-sizing: auto;
-  color: rgba(0, 0, 0, 0);
+    color: rgba(0, 0, 0, 0);
   display:block;
   text-rendering: optimizelegibility;
   -webkit-background-clip: text, text;

content/en/cloud/catalog/_index.md

@@ -11,7 +11,7 @@ Public Catalog: https://meshery.layer5.io/catalog
 
 {{< figure src="/cloud/catalog/images/delivering-catalog-content.svg"  class="image-center-shadow" >}}
 
-The Cloud Catalog is a web-based, public catalog to facilitate easy discovery of existing designs. Designs that are published into the catalog can be, but are not always curated for known best practices and patterns. Content is published at meshery.layer5.io/catalog, and one-click import of catalog content into Meshery Server is seamlessly integrated.
+The Cloud Catalog is a web-based, public catalog to facilitate easy discovery of existing designs. Designs that are published into the catalog can be, but are not always curated for known best practices and patterns. Content is published at [meshery.layer5.io/catalog](https://meshery.layer5.io/catalog), and one-click import of catalog content into Meshery Server is seamlessly integrated.
 
 ### Content Visibility
 
@@ -22,11 +22,21 @@ Each item in the catalog comes with an associated level of visibility.
 - Private: View and edit permissions only for design owner.
 
 ### Content Types
-
+- Deployment
+- Traffic Management
+- Security
+- Workloads
+- Observability
+- Scaling
+- Resiliency
 
 ### Content Categories
 
 Catalog content is categorized in a number of ways:
+- **Patterns**: Cloud native patterns enable the business function in simple language.
+- **Filters**: Embedded in the data plane of a service mesh, WebAssembly filters offer fine-grained control over service requests.
+- **Programs**: Embedded in the data plane of a service mesh, eBPF programs performant, fine-grained control over service requests.
+- **Policies**: Applied across the cloud native infrastructure under management, policies may be applied broadly and specificly.
 
 <!-- List design metadata and descriptions here -->
 

content/en/cloud/getting-started/creating-a-design-from-templete.md.md

@@ -0,0 +1,19 @@
+---
+title: Creating a Design from Meshery Catalog Templates
+description: With this guide, you can create amazing cloud native designs for your infrastructure from already avaliable templetes in the meshery catalog. 
+weight: 2
+---
+
+[Meshery Catalog](https://meshery.layer5.io/catalog) functions much like a cloud marketplace, providing a user-friendly interface for browsing, discovering, and sharing configurations and patterns for cloud native infrastructure. With Meshery Catalog, you can easily find,clone and deploy Kubernetes-based infrastructure and tools, making it easy to streamline your cloud native development and operations processes.
+
+##  Cloning a design from a template in the Meshery Catalog
+
+1. Sign into [Layer5 Cloud](https://meshery.layer5.io)
+2. Explore the catalogs located in the menu section.
+3. Search by technology or type and find the best templete for your infrastructure. You will already see some of the information just by hovering on it.
+4. For detailed information just click on it.
+5. Simply click the green clone button.
+6. Now you have it. Navigate to [Meshery Playground](https://playground.meshery.io/)
+7. Go to the MeshMap and you will see your cloned template here. If you con't see it just reload the page.
+
+You can also publish your own design as a templete.

content/en/cloud/identity/users/_index.md

@@ -7,10 +7,6 @@ categories: [Identity]
 tags: [users]
 ---
 
-{{% pageinfo %}}
-Page under construction.
-{{% /pageinfo %}}
-
 ### User Accounts
 
 Every person who uses Layer5 Cloud signs into a user account. Your user account is your identity on Layer5 Cloud and has a username and profile. For example, see Five's profile.