Merge branch 'master' into open-source-banner

Author: Vivek Vishal

src/assets/images/meshery-extensions/icon-only/meshery-extensions-color.svg

@@ -63,8 +63,12 @@ export const BlogWrapper = styled.div`
     }
   }
   h3 {
+      margin-top: .75rem;
       margin-bottom: .75rem;
     }
+  ul {
+      margin-bottom: .75rem;
+  }
   .to-uppercase {
     text-transform: uppercase;
   }

src/collections/blog/Blog.style.js

@@ -108,14 +108,6 @@ margin: 1rem;
         color: ${props => props.theme.primaryColor};
       }
 
-      .options {
-        color: ${props => props.theme.textColor};
-      }
-
-      .formRight option {
-        color: black;
-      }
-
       .custom-arrow {
         background-color: white;
         width: 2rem;

src/components/CommonForm/commonForm.style.js

@@ -9,6 +9,7 @@ import MesheryOperator from "../../../assets/images/meshery-operator/meshery-ope
 import MeshSync from "../../../assets/images/meshsync/meshsync.svg";
 import servicemeshperformance from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
 import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
+import mesheryextension from "../../../assets/images/meshery-extensions/icon-only/meshery-extensions-color.svg";
 import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
 import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 
@@ -25,7 +26,7 @@ const SecurityVulnerabilitiesPage = () => {
             <h2 className="heading-top">Reporting a vulnerability</h2><br />
             <p>We are very grateful to the security researchers and users that report security vulnerabilities. We investigate each report thoroughly.</p>
             <p>To make a report, send an email to the private <a href="mailto: security@layer5.io">security@layer5.io</a>  mailing list with the vulnerability details. For normal product bugs unrelated to latent security vulnerabilities, please head to the appropriate repository and submit a <a href="https://github.com/layer5io/layer5/issues/new/choose">new issue</a> .</p>
-            <p>Note that the Layer5 community spans five GitHub organizations:</p>
+            <p>Note that the Layer5 community spans six GitHub organizations:</p>
             <ul className="project-org-list">
               <li>
                 <a href="https://github.com/layer5io">
@@ -93,6 +94,16 @@ const SecurityVulnerabilitiesPage = () => {
                   style={{ marginLeft: ".3rem" }}
                 />Kanvas.
               </li>
+              <li>
+                <a href="https://github.com/meshery-extensions">
+                  <img
+                    src={mesheryextension}
+                    alt="meshery extension icon"
+                  />
+                  &nbsp; Meshery Extensions
+                </a>
+                  - plugins or add-ons providing extra functionalities that can be used to customize, extend and integrate with other tools and services.
+              </li>
             </ul>
             <p>You can find the list of all the Layer5 project repositories <a href="https://layer5.io/community/handbook/repository-overview">here</a></p>
             <h3>When to report a security vulnerability?</h3>

src/sections/Community/Handbook/security-vulnerabilities.js

@@ -87,7 +87,7 @@ const MemberBio = ({ frontmatter, body }) => {
                     )}
                     {email && (
                       <li>
-                        <a href={`mailto:=${email}`}>
+                        <a href={`mailto:${email}`}>
                           <MdMail className="github" size={32} />
                         </a>
                       </li>

src/sections/Community/Member-single/executive_bio.js

@@ -90,7 +90,9 @@ const Layer5Brand = () => {
           }} className="color-code-wrapper">
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />
-            <ColorBox name="Saffron" R="235" G="192" B="23" colorCode="#EBC017" />
+            <div className="saffron-color-box">
+              <ColorBox name="Saffron" R="235" G="192" B="23" dark colorCode="#EBC017" />
+            </div>
             <div className="blond-color-box">
               <ColorBox name="Blond" R="255" G="243" B="197" dark colorCode="#FFF3C5" />
             </div>

src/sections/Company/Brand/Brand-components/layer5.js

@@ -218,7 +218,7 @@ const BrandPageWrapper = styled.section`
 		margin-top: 2rem;
 	}
 
-	.blond-color-box, .white-color-box {
+	.blond-color-box, .white-color-box, .saffron-color-box {
 		.PalletBox {
 			color: rgb(30, 33, 23);
 			.color-name {

src/sections/Company/Brand/brandPage.style.js

@@ -239,7 +239,7 @@ export function SectionNav() {
       />
       <TabButton
         className={
-          location.pathname === "/projects/sistent/components/selet/guidance"
+          location.pathname === "/projects/sistent/components/select/guidance"
             ? "active"
             : ""
         }