Merge branch 'Add_search_functionality_to_blog' of https://github.com/Sandijigs/meshery.io into Add_search_functionality_to_blog

Author: Sandijigs

_data/testimonials.yml

@@ -9,7 +9,7 @@
   quote: The Meshery Extension transforms Docker Desktop into a powerful load generation utility, conveniently enabling me to deploy and configure any cloud native application with a click of the button and invoke and control load-based performance tests from my desktop.
   person: Maximiliano Churichi
   title: Software Engineer at HPE
-  image: /assets/images/Maximiliano-Churichi.webp
+  image: /assets/images/people/Maximiliano-Churichi.webp
 
 - type: 2
   quote: The precision by which performance measurements are generated and analyzed is a pinnacle focus of Nighthawk. Mesh performance characterization should be distilled from a set of value measurements, and that is where MeshMark compliments to create the ultimate comprehensive efficiency calculation.
@@ -27,59 +27,59 @@
   quote: While speed is one of Linkerd's core competitive advantages, Linkerd provides much more than just an ultrafast data plane. We are pleased to support MeshMark's establishment of a higher order set of functional considerations that incorporate value into the performance equation.
   person: "William Morgan"
   title: CEO of Buoyant and one of the creators of Linkerd
-  image: /assets/images/william-morgan.webp
+  image: /assets/images/people/william-morgan.webp
 
 - type: 2
   quote: Performance measurement data rarely provides a clear and simple picture of how well our applications are performing from a business point of view, which are so often the key efficiency indicators that we really need.
   person: Ken Owens
   title: Vice President Cyber Cloud Security Engineering at Fiserv
-  image: /assets/images/ken-owens.webp
+  image: /assets/images/people/ken-owens.webp
 
 - type: 1
   quote: Many cloud native adopters have been put off from using service mesh due to the extra resource consumption and complexity that it can involve. We welcome MeshMark as an objective measure of that overhead, to help drive efficiency and make it easier for users to compare service mesh options.
   person: Liz Rice
   title: Chief Open Source Officer, Isovalent and Emeritus Chair of the CNCFs TOC
-  image: /assets/images/liz-rice.webp
+  image: /assets/images/people/liz-rice.webp
 
 - type: 3
   quote: "The fact that Kanvas automatically renders our Kubernetes configuration is a game-changer for our team."
   person: Kaur Kallas
   title: Software Architect at Entigo
-  image: /assets/images/kaur-kallas.webp
+  image: /assets/images/people/kaur-kallas.webp
 
 - type: 1
   quote: It was an intuitive experience to visually place and configure various components saving the time of going through 10 different YAML files.
   person: Deepak Dinesh
   title: Kanvas User
-  image: /assets/images/deepak-dinesh.webp
+  image: /assets/images/people/deepak-dinesh.webp
 
 - type: 1
   quote: Are my resources utilized as best as possible? Why am I not getting the SLO met with 4 resources when I only needed 1 resource without the service mesh? How can I improve my 99.9% latencies or can I map my service policy to utilization? MeshMark will model and provide an index in answer to such questions.
   person: Mrittika Ganguli
   title: Principal Engineer & Director Cloud Native Network Pathfinding
-  image: /assets/images/mrittika-ganguli.webp
+  image: /assets/images/people/mrittika-ganguli.webp
 
 - type: 2
   quote: With a goal to bring workload identity and attestation to all cloud-native infrastructure, HPE Security Engineering uses the Meshery Docker Extension to deploy their preferred cloud-native infrastructure and test the performance of our SPIFFE and SPIRE-based identity solution.
   person: Maximiliano Churichi
   title: Software Engineer at HPE
-  image: /assets/images/Maximiliano-Churichi.webp
+  image: /assets/images/people/Maximiliano-Churichi.webp
 
 - type: 3
   quote: The Meshery Docker Extension offers an easy button to go from Docker Compose to Kubernetes to managing cloud-native applications.
   person: Nic Jackson
   title: Principal Developer Advocate at HashiCorp
-  image: /assets/images/nic-jackson.webp
+  image: /assets/images/people/nic-jackson.webp
 
 - type: 1
   quote: Meshery is an innovative tool for managing our multi-cluster and multi-cloud workloads.
   person: Hein Htet Win
   title: SS&C Technologies
-  image: /assets/images/hein.webp
+  image: /assets/images/people/hein.webp
 
 - type: 2
   quote: Meshery has so many really amazing features all of which make DevOps and SRE life easy.
   person: Anusha Sridharan
   title: Lead Software Engineer at Fidelity Investments
-  image: /assets/images/anusha.webp
+  image: /assets/images/people/anusha.webp
 

_includes/features.html

@@ -163,7 +163,7 @@ <h2 class="feature-title">{{ features.title }}</h2>
                     alt="Cloud native design patterns" style="height: 4rem;" loading="lazy" />
                 <span>
             </div>
-            <h2 class="feature-title">Access the <span class="special-text">Cloud Native Patterns</span> for Kubernetes</h2>
+            <h2 class="feature-title">Access the <span class="special-text">Cloud Native Designs</span> for Kubernetes</h2>
             <p>Design and manage all of your cloud native infrastructure using the design configurator in Meshery or start from a template using the patterns from the catalog.
             <div class="button-para">
                 <a href="/catalog" class="highlight">View Complete Catalog</a>

_includes/modal.html

@@ -36,7 +36,7 @@ <h6 class="pattern-type">{{pattern.type | upcase }}</h6>
       />
       {%endif%}
       <div class="related-patterns-img">
-        <h4 class="related-patterns">RELATED PATTERNS</h4>
+        <h4 class="related-patterns">RELATED DESIGNS</h4>
         {% include related-patterns.html %}
       </div>
     </div>
@@ -104,7 +104,7 @@ <h3 class="modal-h3">Technologies</h3>
         {% include partials/compatibility.html %}
       </div>
       <div class="modal-section hide-by-default">
-        <h3 class="modal-h3">Related Patterns</h3>
+        <h3 class="modal-h3">Related Design</h3>
         {% include related-patterns.html %}
       </div>
 

_includes/partials/catalog-feature.html

@@ -188,10 +188,10 @@
   }
 </style>
 <h2 class="catalog-heading">Cloud Native Catalog</h2>
-<h3 class="catalog-subheading">Harness Well-Architected Kubernetes Patterns</h3>
+<h3 class="catalog-subheading">Harness Well-Architected Kubernetes Designs</h3>
 
 <p class="catalog-subtext">
-  Discover and use top-quality patterns and conventions as templates for your
+  Discover and use top-quality designs and conventions as templates for your
   cloud native infrastructure with Meshery Catalog.
 </p>
 <p class="catalog-subtext">
@@ -287,7 +287,7 @@ <h3 class="catalog-subheading">Harness Well-Architected Kubernetes Patterns</h3>
           line-height: 1.625;
         "
       >
-        Well-architectured cloud native patterns and best practices templates.
+        Well-architectured cloud native designs and best practices templates.
       </p>
     </div>
     <div class="learn-button">

_includes/partials/individual-component.html

@@ -49,12 +49,12 @@ <h4>{{page.collection | slice: 0, 9 | capitalize }} Details</h4>
     </p>
 
     <div class="modal-image-single">
-      <h4>Pattern Snapshot</h4>
+      <h4>Design Snapshot</h4>
       <img class="pattern-snapshot"
       src="https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/master/action-assets/design-assets/{{pattern.patternId}}-light.png" 
       onerror="this.src='/assets/images/logos/service-mesh-pattern.svg'" loading="lazy" onclick="toggleFullScreenImage('{{ pattern.patternId }}-light')"/>
 
-      <h4 class="related-patterns">Related Patterns</h4>
+      <h4 class="related-patterns">Related Designs</h4>
       <!-- MINICARD-START -->
       {% include related-patterns.html %}
 
@@ -64,7 +64,7 @@ <h4 class="related-patterns">Related Patterns</h4>
 
   {%if pattern.patternInfo%}
   <div>
-    <h3>What This Pattern Does:</h3>
+    <h3>What This Design Does:</h3>
     <p class="pre-white-space">{{pattern.patternInfo | url_decode | replace: '\\n', '<br/>'| replace: '\n', '<br/>' }}</p>
     <h3>Caveats and Consideration: </h3>
     <p class="pre-white-space">{{pattern.patternCaveats | url_decode}}</p>

_includes/subscribe.html

@@ -19,7 +19,7 @@
 {% if page.title == 'Subscribe' %}
 <style>
   .form-container {
-    padding: 4rem 0rem;
+    padding: 3rem 0rem ;
     background-color: $brand-color;
     text-align: center;
   }

_includes/wasm.html

@@ -23,15 +23,15 @@ <h6 class="pattern-id">     <img class="wasm"
       <div class="chip chip-modal">
         <h6 class="pattern-type"> {{filter.filters.type | upcase }}</h6>
     </div>
-    <p><div class="modal-image-container"><div class="modal-image" ><img src="{{filter.image}}" /> <h4 class="related-patterns">Related Patterns</h4>
+    <p><div class="modal-image-container"><div class="modal-image" ><img src="{{filter.image}}" /> <h4 class="related-patterns">Related Designs</h4>
 {% include related-patterns.html %}
 </div>
 </div>
 <h3 style="text-align: center;">{{filter.name}}</h3>
-<h4>What This Pattern Does:</h4><h5>{{filter.filterInfo}}</h5>
+<h4>What This Design Does:</h4><h5>{{filter.filterInfo}}</h5>
 <h4>Caveats and Consideration: </h4><h5>{{filter.filterCaveats}}</h5></p>
 <h4>Compatibility:</h4>
 {% include partials/compatibility.html%}
 {% include copy-and-download.html %}
 </div></div>
-{% endfor %} 
+{% endfor %} 

_sass/layout.scss

@@ -297,6 +297,14 @@ td {
     }
 }
 
+body:not(.dark-mode) .grey-bg-text a {
+    color: var(--text-color-primary-fixed);
+
+    &:hover {
+        color: var(--brand-color-secondary);
+    }
+}
+
 .highlight-code {
     position: relative;
     border-radius: 5px;

_sass/programs.scss

@@ -142,3 +142,11 @@
     line-height: 1.5;
     padding: 0.25rem 0;
 }
+.program__subscribe {
+  max-width: 1000px;
+  width: 85%;
+  border-radius: 16px;
+  padding: 6rem 2rem;
+  min-height: 500px;
+  margin: 3rem auto 4rem auto;
+}

_sass/rootvariables.scss

@@ -22,6 +22,8 @@
     --color-primary-qmeta: #777777;
     --color-primary-qtext: rgb(0,0,0);
     --color-primary-testimonial-wrapper: rgb(250,250,250);
+    --text-color-primary-fixed: rgb(0,0,0);
+    --link-hover-color: var(--brand-color-secondary);
 
     --box-shadow-primary:3px 3px 10px rgba( 134, 142, 150,  .8);
     --integrations-box-shadow:4px 4px 14px #cbced1,