From ddb9aa125cef347dc8c2fa86d822145434b3211f Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Tue, 3 Sep 2024 04:02:26 +0000 Subject: [PATCH 01/60] implement lazy loading for feature images --- src/components/Features/index.js | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/src/components/Features/index.js b/src/components/Features/index.js index 248ecb6d8bad..8099be770a4a 100644 --- a/src/components/Features/index.js +++ b/src/components/Features/index.js @@ -95,7 +95,7 @@ const Features = (props) => { : (
{props.redirectLinkWithImage.map((item) => ( - + {item.text} ))} @@ -113,18 +113,19 @@ const Features = (props) => { alt="" style={{ position: "absolute" }} className="waveAnimation" + loading="lazy" /> )} - + - + - image + image ) : ( @@ -139,18 +140,19 @@ const Features = (props) => { alt="" style={{ position: "absolute" }} className="waveAnimation" + loading="lazy" /> )} - + - + - image + image )} From 7a62efb7b82a5e2bd833644cefc51be4ed938420 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Tue, 3 Sep 2024 04:48:24 +0000 Subject: [PATCH 02/60] implement lazy loading for hompage playground section images --- src/sections/Home/Playground-home/index.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js index bd2df1029335..4714b3dc32fd 100644 --- a/src/sections/Home/Playground-home/index.js +++ b/src/sections/Home/Playground-home/index.js @@ -229,19 +229,19 @@ const MeshmapVisualizerViews = () => {
- +
Prometheus
- +
Argo CD
- +
Cilium
- +
Prometheus
@@ -250,19 +250,19 @@ const MeshmapVisualizerViews = () => {
- +
Kubernetes
- +
Keda
- +
Linkerd
- +
Kubernetes
From 1b2c8da54ba565db70cd0c55325ab23a2b71da18 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Tue, 3 Sep 2024 23:38:53 +0000 Subject: [PATCH 03/60] implement lazing loading in `caseStudyBanner` --- src/components/Case-study-banner/index.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Case-study-banner/index.js b/src/components/Case-study-banner/index.js index 16645981289f..c11e1d4f3ee7 100644 --- a/src/components/Case-study-banner/index.js +++ b/src/components/Case-study-banner/index.js @@ -215,12 +215,12 @@ const CaseStudyBanner = () => {

Discover how HPE uses Meshery to manage SPIRE

- meshery-and-spire + meshery-and-spire
- meshery-logo + meshery-logo

Discover how HPE uses Meshery to manage SPIRE

@@ -229,7 +229,7 @@ const CaseStudyBanner = () => {
- spire-logo + spire-logo
From 99d1be9c5ef785906dc66f7fb05b6fc4dfdf3a94 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 00:11:48 +0000 Subject: [PATCH 04/60] implement lazy loading in footer --- src/sections/General/Footer/index.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/sections/General/Footer/index.js b/src/sections/General/Footer/index.js index fd2d9e2f0901..eec6ab0b4073 100644 --- a/src/sections/General/Footer/index.js +++ b/src/sections/General/Footer/index.js @@ -77,12 +77,13 @@ const Footer = ({ location }) => { className="section__particle" src={bubblesElement} alt="Layer5, the cloud native management company" + loading="lazy" /> - logo + logo From 9e3c428128f663fea39f5be344a189b7f58c7278 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 00:39:51 +0000 Subject: [PATCH 05/60] implement lazy loading for meshmode images --- src/sections/Meshmap/meshmap-modes.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Meshmap/meshmap-modes.js b/src/sections/Meshmap/meshmap-modes.js index 247ed3214421..c0210b456e38 100644 --- a/src/sections/Meshmap/meshmap-modes.js +++ b/src/sections/Meshmap/meshmap-modes.js @@ -261,7 +261,7 @@ const MeshmapModes = () => {

Discover and model your cloud native deployments

- MeshMap Designer setDesignerEnlarged(!designerEnlarged)} className={`designer-img ${designerEnlarged ? "big" : "small"}`} /> + MeshMap Designer setDesignerEnlarged(!designerEnlarged)} className={`designer-img ${designerEnlarged ? "big" : "small"}`} loading="lazy" />

Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Using GitOps? Integrate advanced performance analysis into your pipeline.

@@ -274,7 +274,7 @@ const MeshmapModes = () => {

Apply patterns and manage many Kubernetes clusters

- MeshMap Visualizer setVizEnlarged(!vizEnlarged)} className={vizEnlarged ? "big" : "small"} /> + MeshMap Visualizer setVizEnlarged(!vizEnlarged)} className={vizEnlarged ? "big" : "small"} loading="lazy" />

Deploy designs, apply patterns, manage and operate your deployments in real-time. Bring all your Kubernetes clusters under a common point of management. Interactively connect to terminal sessions or initiate and search log streams from your containers.

From 8d3dd183f66270d2fac4fb8c98a09c821e3d8022 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 04:11:53 +0000 Subject: [PATCH 06/60] implement lazy loading in meshmap section & Inline-quotes component --- src/components/Inline-quotes/index.js | 2 +- src/sections/Meshmap/index.js | 10 ++++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/Inline-quotes/index.js b/src/components/Inline-quotes/index.js index 0f91be9d1659..c160e5c2b7dc 100644 --- a/src/components/Inline-quotes/index.js +++ b/src/components/Inline-quotes/index.js @@ -105,7 +105,7 @@ const InlineQuotes = ({ person, title, quote,image }) => { {(image || person || title) &&
} { image && - + }
{person}
diff --git a/src/sections/Meshmap/index.js b/src/sections/Meshmap/index.js index 60b3e1219f9f..36a4900622bc 100644 --- a/src/sections/Meshmap/index.js +++ b/src/sections/Meshmap/index.js @@ -57,6 +57,7 @@ const Meshmap = (props) => { src={designerImage} alt="Designer Mode" className="designer-img modes-image" + loading="lazy" /> ), }, @@ -69,6 +70,7 @@ const Meshmap = (props) => { src={visualizerImage} alt="Visualizer Mode" className="modes-image" + loading="lazy" /> ), }, @@ -147,7 +149,7 @@ const Meshmap = (props) => { description: "Designer and Visualizer live side-by-side, so all design work, from ideation to operation, can be found in one place.", imgContent: ( <> - + ) @@ -162,7 +164,7 @@ const Meshmap = (props) => { description: "Build an iterative design flow with live collaboration that keeps you in the loop whether you’re working in the office or remotely.", imgContent: ( <> - avatar-2 + avatar-2 ) @@ -172,7 +174,7 @@ const Meshmap = (props) => { description: "Build an iterative design flow with live collaboration that keeps you in the loop whether you’re working in the office or remotely.", imgContent: ( <> - avatar-3 + avatar-3 ) @@ -186,7 +188,7 @@ const Meshmap = (props) => { description: "MeshMap is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.", imgContent: ( <> - avatar-3 + avatar-3 ) From 6220263a82b13241cac8f003cc5a3267f29460a6 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 04:22:07 +0000 Subject: [PATCH 07/60] implement lazy loading for images in `meshmap-catalog` --- src/sections/Meshmap/meshmap-catalog.js | 38 ++++++++++++------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/sections/Meshmap/meshmap-catalog.js b/src/sections/Meshmap/meshmap-catalog.js index dbc17ec04a6a..f4b39ac6f52f 100644 --- a/src/sections/Meshmap/meshmap-catalog.js +++ b/src/sections/Meshmap/meshmap-catalog.js @@ -443,19 +443,19 @@ const Catalog = () => { {/* Right Section */}
- +

Cloud Native Patterns

- +

eBPF Programs

- +

WASM Filters

- +

OPA Policies

@@ -467,49 +467,49 @@ const Catalog = () => {
From a987a49ddc5716ddc91b12b44ffeefcd636b5f3a Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 08:55:34 +0000 Subject: [PATCH 08/60] implement lazy loading for the iframe in sign-up section --- src/sections/Meshmap/signup-form.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/sections/Meshmap/signup-form.js b/src/sections/Meshmap/signup-form.js index 081d79737872..d63ce1a0b493 100644 --- a/src/sections/Meshmap/signup-form.js +++ b/src/sections/Meshmap/signup-form.js @@ -52,7 +52,8 @@ const SignupForm = ({ targetRef }) => { src="https://www.youtube.com/embed/034nVaQUyME?si=Xip0JqrwiG2QY5vp" allow="autoplay" style={{ border: "0" }} - allowfullscreen + allowFullScreen + loading="lazy" />
From e80ea31d28bbab01f68cf2636630021ff388d7f2 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 09:37:14 +0000 Subject: [PATCH 09/60] implement lazy loading for meshmap platform images --- src/sections/Meshmap/meshmap-platform.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/sections/Meshmap/meshmap-platform.js b/src/sections/Meshmap/meshmap-platform.js index 29176ff9cfbd..83081ef81201 100644 --- a/src/sections/Meshmap/meshmap-platform.js +++ b/src/sections/Meshmap/meshmap-platform.js @@ -131,6 +131,7 @@ const Platform = () => { src={SelfHosted} alt="MeshMap Self-hosted" className="modes-image" + loading="lazy" /> ), }, @@ -143,6 +144,7 @@ const Platform = () => { src={CloudHosted} alt="MeshMap Cloud" className="modes-image" + loading="lazy" /> ), }, @@ -153,14 +155,14 @@ const Platform = () => {

Self-Hosted

- MeshMap Self-hosted + MeshMap Self-hosted

Keep your MeshMap designs internal to your workplace. Get remote support from Layer5 when you need it.

Cloud

- MeshMap Cloud + MeshMap Cloud

Connect to Layer5 Cloud and have your MeshMap designs versioned and available for team sharing and real-time collaboration.

From 3cb6181b53bf0117ed9e144bfbecfae53db22bfc Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 09:47:19 +0000 Subject: [PATCH 10/60] implement lazy loading for Customers component user picture --- src/reusecore/Blockquote/Blockquote-image/index.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/reusecore/Blockquote/Blockquote-image/index.js b/src/reusecore/Blockquote/Blockquote-image/index.js index f5ebd3c6f32d..333a4730af07 100644 --- a/src/reusecore/Blockquote/Blockquote-image/index.js +++ b/src/reusecore/Blockquote/Blockquote-image/index.js @@ -10,7 +10,7 @@ const Customers = (props) => {
-
+
❝
@@ -41,7 +41,7 @@ const Customers = (props) => {
-
+
@@ -71,7 +71,7 @@ const Customers = (props) => { {props.quote}
-
+
{props.person ? props.person : ""}
{props.title ? props.title : ""}
From 0cccd91db3922277ac2d6d4b44168cf02d034455 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 11:02:29 +0000 Subject: [PATCH 11/60] implement lazy loading for social icon images --- src/components/SocialLinks-Color/index.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/components/SocialLinks-Color/index.js b/src/components/SocialLinks-Color/index.js index 441b8cad83a1..5fbf9b0d629d 100644 --- a/src/components/SocialLinks-Color/index.js +++ b/src/components/SocialLinks-Color/index.js @@ -16,7 +16,7 @@ const SocialLinksColor = () => { - forum + forum { target="_blank" rel="noreferrer" > - mail + mail - slack + slack { rel="noreferrer" className="github" > - github + github { height="30px" src={linkedin_icon} alt="linkedin" + loading="lazy" /> { height="30px" src={youtube_icon} alt="youtube" + loading="lazy" /> { height="30px" src={docker_icon} alt="docker" + loading="lazy" /> From 3a3eb1c7167dc18d8dea7d4b9797b9704e910eb7 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 11:59:14 +0000 Subject: [PATCH 12/60] Implement lazy loading for feature images on Developer-defined Infrastructure page --- src/components/FeatureUseCard/index.js | 2 +- src/sections/Developer-Infrastructure/features.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/FeatureUseCard/index.js b/src/components/FeatureUseCard/index.js index dbd7766ed70c..419b1cdbaa5b 100644 --- a/src/components/FeatureUseCard/index.js +++ b/src/components/FeatureUseCard/index.js @@ -7,7 +7,7 @@ const FeatureUseCard = (props) => {
- {""}/ + {""}

{props.data.heading}

diff --git a/src/sections/Developer-Infrastructure/features.js b/src/sections/Developer-Infrastructure/features.js index 035253a8c16e..0722ff399a3a 100644 --- a/src/sections/Developer-Infrastructure/features.js +++ b/src/sections/Developer-Infrastructure/features.js @@ -132,7 +132,7 @@ const Feature = () => { */}
- Kubernetes Diagrams for anything + Kubernetes Diagrams for anything
@@ -155,7 +155,7 @@ const Feature = () => {
- +
From a76746841458ea73289e8844ea922d4673bc22da Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 12:42:28 +0000 Subject: [PATCH 13/60] implement lazy loading for feature images on Cloud Native Deployments page --- src/sections/CloudNativeDeployments/features.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/sections/CloudNativeDeployments/features.js b/src/sections/CloudNativeDeployments/features.js index 9d3077e358ab..d23f057c1293 100644 --- a/src/sections/CloudNativeDeployments/features.js +++ b/src/sections/CloudNativeDeployments/features.js @@ -152,7 +152,7 @@ const Feature = () => {
- + {/* */}
@@ -176,14 +176,14 @@ const Feature = () => {
- +
- +
From 127e494eed379802efa33cc5acba3ca13090cfe9 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 12:55:50 +0000 Subject: [PATCH 14/60] Implement lazy loading for feature images on Kubernetes Multi-cluster page --- src/sections/kubernetes-multi-cluster/features.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/kubernetes-multi-cluster/features.js b/src/sections/kubernetes-multi-cluster/features.js index dd07032e73f2..2e12cb32ecae 100644 --- a/src/sections/kubernetes-multi-cluster/features.js +++ b/src/sections/kubernetes-multi-cluster/features.js @@ -157,14 +157,14 @@ const Feature = () => {
- +
- +
From 929b8cff926015e751a0a22023628d392c0c7ab9 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 13:07:24 +0000 Subject: [PATCH 15/60] implement lazy loading for feature images on GitOps page --- src/sections/gitops/index.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/sections/gitops/index.js b/src/sections/gitops/index.js index 0546e370ed0b..7a7f577159ba 100644 --- a/src/sections/gitops/index.js +++ b/src/sections/gitops/index.js @@ -66,7 +66,7 @@ const GitOpsPage = () => {
- +
@@ -87,7 +87,7 @@ const GitOpsPage = () => {
- +
@@ -107,8 +107,8 @@ const GitOpsPage = () => {
- - + +
From fbb39edd3faf3f0f76b228ddc4f9dc5744b4e8b3 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 13:25:04 +0000 Subject: [PATCH 16/60] implement lazy loading in comparison section of pricing page --- src/sections/Pricing/comparison.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Pricing/comparison.js b/src/sections/Pricing/comparison.js index 3d4e735ea0d6..dc52b51a9e72 100644 --- a/src/sections/Pricing/comparison.js +++ b/src/sections/Pricing/comparison.js @@ -182,7 +182,7 @@ const Comparison = () => { <> - {x.category} + {x.category}

{x.category}

From 6d8b0578d97ec01bd5b45194016a0e99872e9c2d Mon Sep 17 00:00:00 2001 From: Oyelola Victoria <123843734+VriaA@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:17:49 +0000 Subject: [PATCH 17/60] implement lazy loading in collaborative gitops page --- .../Meshmap/Meshmap-collaborate/collaboration-feature-work.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js b/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js index c32c501342d6..98cd41d66299 100644 --- a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js +++ b/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js @@ -75,7 +75,7 @@ const CollaborationFeatureWork = () => { return (
- + {/* From 71b178f954e02875c7968eafdf05f8fdd2709018 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Wed, 4 Sep 2024 22:48:20 +0000 Subject: [PATCH 18/60] implement lazy loading for images on products page --- src/sections/Products/index.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/sections/Products/index.js b/src/sections/Products/index.js index fd98430b29bf..4f0bb05597f7 100644 --- a/src/sections/Products/index.js +++ b/src/sections/Products/index.js @@ -116,7 +116,7 @@ const options = [ featured: false, monthlyprice: 15.99, yearlyprice: 180, - pricing_coming_soon: , + pricing_coming_soon: , byline: "Everything in Team, plus:", button: ["Coming Soon", ""], summary: [ @@ -231,12 +231,12 @@ const index = () => { <>
- +
{card.title}
{/*
*/} {card.icon.map((curr_icon) => ( - + ))} {/*
*/}
@@ -257,8 +257,8 @@ const index = () => {
- - + +

Unlock Your Potential with Free Tier Account! From 0c0e6ff94fc558cf0f78cae3513f9e1a0fa4bc46 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Wed, 4 Sep 2024 23:12:33 +0000 Subject: [PATCH 19/60] implement lazy loading for images on meshery page --- src/sections/Meshery/Features-section/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Meshery/Features-section/index.js b/src/sections/Meshery/Features-section/index.js index 46ce4c2f1ba4..651137c46615 100644 --- a/src/sections/Meshery/Features-section/index.js +++ b/src/sections/Meshery/Features-section/index.js @@ -68,7 +68,7 @@ const FeaturesSection = () => {
- Slide 1 + Slide 1
From fb9b5e4a015e80188a768b6df5d8da35ab72b3c9 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Wed, 4 Sep 2024 23:23:53 +0000 Subject: [PATCH 20/60] implement lazy loading for images in the meshery catalog section --- src/sections/Cloud-Native-Catalog/catalog.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/sections/Cloud-Native-Catalog/catalog.js b/src/sections/Cloud-Native-Catalog/catalog.js index d0a37bf0bef6..40a00a60a817 100644 --- a/src/sections/Cloud-Native-Catalog/catalog.js +++ b/src/sections/Cloud-Native-Catalog/catalog.js @@ -137,7 +137,7 @@ const Catalog = () => {
- +
@@ -158,14 +158,14 @@ const Catalog = () => {
- +
- +
@@ -202,7 +202,7 @@ const Catalog = () => {
- +
From 772d2e3429ee599112622616195f853b1f12f0bb Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Wed, 4 Sep 2024 23:29:32 +0000 Subject: [PATCH 21/60] implement lazy loading for images on cloud native catalog section --- src/sections/Cloud-Native-Catalog/patterns.js | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index 8046dc48ef9f..971d32041b99 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -263,49 +263,49 @@ const Catalog = () => {
From 547da255ac3472cfbbb28031596facc1b90a507c Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Wed, 4 Sep 2024 23:47:01 +0000 Subject: [PATCH 22/60] implement lazy loading for images in meshmap cta section --- src/sections/meshmap-cta/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/meshmap-cta/index.js b/src/sections/meshmap-cta/index.js index 8949f1cfc8ec..2e339e25d525 100644 --- a/src/sections/meshmap-cta/index.js +++ b/src/sections/meshmap-cta/index.js @@ -96,8 +96,8 @@ const MeshMapCTA = () => {
- - + +

MeshMap is here!

From cf9e720b06644eb73312cba882545d76d70c989d Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Wed, 4 Sep 2024 23:54:39 +0000 Subject: [PATCH 23/60] implement lazy loading for images in playground features section --- src/sections/Playground/playground-features.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Playground/playground-features.js b/src/sections/Playground/playground-features.js index f4b83a2bdb60..5652e29d89e7 100644 --- a/src/sections/Playground/playground-features.js +++ b/src/sections/Playground/playground-features.js @@ -92,7 +92,7 @@ const PlaygroundFeatures = () => {
- +
@@ -105,7 +105,7 @@ const PlaygroundFeatures = () => {
- +

From f9ed110c6d878e6ca312a6fcb16560fe90c94e15 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Thu, 5 Sep 2024 00:17:05 +0000 Subject: [PATCH 24/60] implement lazy loading for svg image in Image component --- src/components/image.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/image.js b/src/components/image.js index 8902f5e17418..6f5aff835d20 100644 --- a/src/components/image.js +++ b/src/components/image.js @@ -6,7 +6,7 @@ const Image = ({ childImageSharp, extension, publicURL, alt, ...rest }) => { if (!childImageSharp && extension === "svg") { return (
- {alt} + {alt}
); } From 4dd00e76727327ca45511315cd3e489541c60563 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Thu, 5 Sep 2024 02:48:48 +0000 Subject: [PATCH 25/60] implement lazy loading for icons on connect with us page --- src/sections/Community/Handbook/connect.js | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/sections/Community/Handbook/connect.js b/src/sections/Community/Handbook/connect.js index 6165234c1f43..1037819163ef 100644 --- a/src/sections/Community/Handbook/connect.js +++ b/src/sections/Community/Handbook/connect.js @@ -249,7 +249,7 @@ const Connect = () => { @smp_spec

- mail + mail    Connect with our community managers for any inquiries or @@ -261,6 +261,7 @@ const Connect = () => { className="channels-img" src={youtube_icon} alt="youtube" + loading="lazy" />    @@ -268,7 +269,7 @@ const Connect = () => {

- github + github    Discover our projects on GitHub @@ -279,6 +280,7 @@ const Connect = () => { className="channels-img" src={linkedin_icon} alt="linkedin" + loading="lazy" />    @@ -286,14 +288,14 @@ const Connect = () => {

- docker + docker    Take control with Docker deployment

- slack + slack    Communicate and collaborate with us on Slack From 411191b88c9a0ab10c91992cc356cfd5150460fb Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Thu, 5 Sep 2024 04:13:07 +0000 Subject: [PATCH 26/60] implement lazy loading for images in the community handbook --- src/sections/Community/Handbook/community.js | 12 ++-- .../Community/Handbook/contributor-journey.js | 2 +- .../Community/Handbook/mentorships.js | 4 +- src/sections/Community/Handbook/projects.js | 8 ++- .../Community/Handbook/recognition.js | 58 +++++++++---------- src/sections/Community/Handbook/repository.js | 8 +-- .../Community/Handbook/writing-program.js | 12 ++-- 7 files changed, 53 insertions(+), 51 deletions(-) diff --git a/src/sections/Community/Handbook/community.js b/src/sections/Community/Handbook/community.js index 07460a413d6c..e3e8ab05f588 100644 --- a/src/sections/Community/Handbook/community.js +++ b/src/sections/Community/Handbook/community.js @@ -75,14 +75,14 @@ const CommunityGuide = () => { ideas.

- Point + Point Be honest - “A half-truth is a whole lie.” Being truthful allows you to reach a better agreement. As a result, be open and honest about who you are, what you do, and how you want to accomplish it.

- Point + Point Be respectful and inclusive - We are a diverse group of people with diverse backgrounds and opinions. We expect everyone to be civil and professional in their activities. @@ -91,7 +91,7 @@ const CommunityGuide = () => { reasonable person.

- Point + Point Collaborate and Contribute - Members are expected to attend community and workgroup meetings, find ways to help, check up on our Github page regularly etc. Within the community @@ -100,19 +100,19 @@ const CommunityGuide = () => {

Resources

- Point + Point Be sure to access the resources{" "} community drive. {" "}

- Point + Point Sign-up on the{" "} community mailer.

- Point + Point Ask for a copy of{" "} The Enterprise Path to Service Mesh Architectures. diff --git a/src/sections/Community/Handbook/contributor-journey.js b/src/sections/Community/Handbook/contributor-journey.js index b911e326c6d1..d31bde9c1b7f 100644 --- a/src/sections/Community/Handbook/contributor-journey.js +++ b/src/sections/Community/Handbook/contributor-journey.js @@ -106,7 +106,7 @@ const Intro = () => {

Contributor's Journey

Start Here
- longArrow + longArrow
diff --git a/src/sections/Community/Handbook/mentorships.js b/src/sections/Community/Handbook/mentorships.js index ab77dcc36d75..fd6c782fdaeb 100644 --- a/src/sections/Community/Handbook/mentorships.js +++ b/src/sections/Community/Handbook/mentorships.js @@ -140,7 +140,7 @@ const MentorshipPrograms = () => { - {data.map((data) => { + {data.map((data, i) => { const { id, name, description, buttonLink, imageLink, imagePosition } = data; return (
@@ -156,7 +156,7 @@ const MentorshipPrograms = () => { { isValidElement(imageLink) ? imageLink - : {name} + : {name} 0 ? "lazy" : "eager"} /> } diff --git a/src/sections/Community/Handbook/projects.js b/src/sections/Community/Handbook/projects.js index 2055818485ed..8e9cde00ea8a 100644 --- a/src/sections/Community/Handbook/projects.js +++ b/src/sections/Community/Handbook/projects.js @@ -112,7 +112,7 @@ const Maintainer = () => { {" "}

- Meshery + Meshery   Meshery

{" "} @@ -121,8 +121,8 @@ const Maintainer = () => {

Meshery and its components Meshery Operator{" "} - Meshery Operator Icon and MeshSync{" "} - MeshSync icon + Meshery Operator Icon and MeshSync{" "} + MeshSync icon

  • @@ -188,6 +188,7 @@ const Maintainer = () => { className="project-title-icon" alt="cloud native performance" src={servicemeshperformance} + loading="lazy" />   Cloud Native Performance{" "} @@ -215,6 +216,7 @@ const Maintainer = () => { className="project-title-icon" alt="cloud native patterns" src={PatternsLogo} + loading="lazy" />{" "}   Cloud Native Patterns{" "} diff --git a/src/sections/Community/Handbook/recognition.js b/src/sections/Community/Handbook/recognition.js index 83c5602f2f28..987a910b32b7 100644 --- a/src/sections/Community/Handbook/recognition.js +++ b/src/sections/Community/Handbook/recognition.js @@ -110,120 +110,120 @@ const RecognitionPage = () => {

      Activity badges:

    • - + Design Pioneer - awarded to the Layer5 cloud users when they create their first design.
    • - + Application Pioneer - awarded to the Layer5 cloud users when they create their first application.
    • - + Sharing is Caring - This badge is awarded upon first-time sharing one of your designs.
    • - + Shipped - This badge is awarded upon the success of your first design deployment.
    • - + Need for Speed - This badge is awarded upon successful execution of your first performance test.
    • - + Hip Hacker - First Interactive Terminal Session - awarded the first time that you establish an interactive terminal session with a Kubernetes Pod.
    • - + Streamer - First Log Streaming Session - awarded the first time that you stream logs from a Kubernetes Pod.
    • - + GitOps with Friends - First Collaborator - awarded the first time a collaborator saves changes to one of your designs.
    • - + Bring a Buddy - awarded to the users who invite someone to Layer5 cloud.
    • - + Code Cleanup Crew - awarded to contributors who help maintain code quality and cleanliness.
    • - + Security Sentinel - awarded to individuals who contribute to identifying and fixing security vulnerabilities.
    • - + Longevity Legend - awarded for long-term, sustained contributions to the project over the years.
    • - + Review Rockstar - awarded to individuals who provide thorough and valuable code reviews.
    • - + MeshMap Snapshot - awarded to users upon creation of their first infrastructure screenshot directly in their pull request.
    • - + Continuous Contributor - awarded to the community members who make consistent and impactful contributions for a long period of time in Layer5 projects in recognition and appreciation of their efforts.

      • Projects:

    • - + Image Hub - awarded to the community members who make consistent and impactful contributions to the Image Hub project in recognition and appreciation of their efforts.
    • - + MeshMap - awarded to the community members who make consistent and impactful contributions to the MeshMap project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
    • - + Cloud Native Performance - awarded to the community members who make consistent and impactful contributions to the Cloud Native Performance project. Community members who earn this badge occasionally become a project maintainer.
    • - + Community - awarded to the community members who repeatedly engage in welcoming, encouraging, and supporting other Layer5 community members. Community members who earn this badge occasionally graduate to undertaking the Community Manager role.
    • - + Meshery - awarded to the community members who make consistent and impactful contributions to the Meshery project. Community members who earn this badge occasionally become a project maintainer.
    • - + Meshery Operator - awarded to the community members who make consistent and impactful contributions to Meshery Operator of the Meshery project in recognition and appreciation of their efforts.
    • - + Patterns - awarded to the community members who make consistent and impactful contributions to the Cloud Native Patterns project in recognition and appreciation of their efforts.
    • - + Landscape - awarded to the community members who make consistent and impactful contributions to the layer5.io website.
    • - + Writer's Program - awarded to the community members who make with two or more published writings whether in article, blog post, project documentation or other form in recognition and appreciation of their efforts.
    • - + Nighthawk - awarded to the community members who make consistent and impactful contributions to the NightHawk project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
    • - + UI/UX - awarded to the community members who create or improve designs for visual aspects or user flow for any of the websites, flyers, promotions, Meshery UI, and so on in recognition and appreciation of their efforts.
    • - + Meshery Catalog - awarded to the community members who make consistent and impactful contributions to the Meshery Catalog of Meshery project in recognition and appreciation of their efforts.
    • - + Docker Extension - awarded to the community members who make consistent and impactful contributions to the Docker Extension of meshery project in recognition and appreciation of their efforts.
    • - + Docs - awarded to the community members who make consistent and impactful contributions to the Meshery docs in recognition and appreciation of their efforts.
    diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js index 88be857bbb42..020f16dac584 100644 --- a/src/sections/Community/Handbook/repository.js +++ b/src/sections/Community/Handbook/repository.js @@ -157,7 +157,7 @@ const Repository = () => { - site-icon + site-icon {project} @@ -177,7 +177,7 @@ const Repository = () => { target="_blank" rel="noreferrer" > - github-icon + github-icon
    { accessRequired != "" ? accessRequired : ""}
    @@ -215,7 +215,7 @@ const Repository = () => { - project {project} + project {project} {language} {description} @@ -234,7 +234,7 @@ const Repository = () => { target="_blank" rel="noreferrer" > - github-icon + github-icon
    { accessRequired != "" ? accessRequired : ""}
    diff --git a/src/sections/Community/Handbook/writing-program.js b/src/sections/Community/Handbook/writing-program.js index 67881f8e10f5..2fd3b776943d 100644 --- a/src/sections/Community/Handbook/writing-program.js +++ b/src/sections/Community/Handbook/writing-program.js @@ -219,7 +219,7 @@ const Writers = () => {
    - Blog + Blog
    Blog

    Share Your Experience

    @@ -228,7 +228,7 @@ const Writers = () => {
    - Resource + Resource
    Resource

    Articles, Tutorials, Podcasts and More

    @@ -240,7 +240,7 @@ const Writers = () => { to="/learn/service-mesh-workshops" >
    - Workshop + Workshop
    Workshop

    Deliver a Hands-on Learning Experience

    @@ -253,7 +253,7 @@ const Writers = () => {
    - Event + Event
    Event

    Organize an Event

    @@ -262,7 +262,7 @@ const Writers = () => {
    - Talks + Talks
    Talks

    Talk About Anything Cloud Native

    @@ -274,7 +274,7 @@ const Writers = () => { to="/cloud-native-management/meshery" >
    - Videos + Videos
    Recorded Videos

    Product Videos, Reviews or Demo

    From 78e9ea2880fbf65e3fa15d2349077816ae197da9 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Thu, 5 Sep 2024 05:20:04 +0000 Subject: [PATCH 27/60] implement lazy loading for member page social link images --- src/sections/Community/Member-single/index.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js index a9a9554c08fd..08c2afe03b8b 100644 --- a/src/sections/Community/Member-single/index.js +++ b/src/sections/Community/Member-single/index.js @@ -94,6 +94,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={mesheryLogo} alt="Meshery logo" + loading="lazy" />

    • @@ -108,6 +109,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={smpLogo} alt="Service Mesh Peformance logo" + loading="lazy" /> @@ -122,6 +124,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={imageHubLogo} alt="Image Hublogo" + loading="lazy" /> @@ -138,6 +141,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={landscapeLogo} alt="Service Mesh Landscape logo" + loading="lazy" /> @@ -154,6 +158,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={communityLogo} alt="Community logo" + loading="lazy" /> @@ -170,6 +175,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={docsLogo} alt="Docs logo" + loading="lazy" /> @@ -184,6 +190,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={mesheryCatalogLogo} alt="Meshery Catalog logo" + loading="lazy" /> @@ -200,6 +207,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={meshMapLogo} alt="MeshMap Logo" + loading="lazy" /> @@ -214,6 +222,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={dockerExtensionLogo} alt="Docker Extension logo" + loading="lazy" /> @@ -230,6 +239,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={NighthawkLogo} alt="Nighthawk logo" + loading="lazy" /> @@ -246,6 +256,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={mesheryOperatorLogo} alt="Meshery Operator logo" + loading="lazy" /> @@ -262,6 +273,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={patternsLogo} alt="Patterns Logo" + loading="lazy" /> @@ -278,6 +290,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={uiuxrLogo} alt="UI/UX'er Logo" + loading="lazy" /> @@ -292,6 +305,7 @@ const MemberSingle = ({ frontmatter }) => { className="profile-social-links" src={writerIcon} alt="Writer Program Logo" + loading="lazy" /> From c1e4b6c025907c04292b98bb908624ed1c9cb82c Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Thu, 5 Sep 2024 05:25:14 +0000 Subject: [PATCH 28/60] Implement lazy loading for arrow image in newcomers page --- src/sections/Community/Newcomers-guide/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Community/Newcomers-guide/index.js b/src/sections/Community/Newcomers-guide/index.js index e0a43154023c..218ffbf8fa82 100644 --- a/src/sections/Community/Newcomers-guide/index.js +++ b/src/sections/Community/Newcomers-guide/index.js @@ -43,7 +43,7 @@ const NewcomersGuide = () => {

    Contributor's Journey

    Start Here

    - +
    From d820dd3346d6bdc4c2c43982ec4bb44a4b369219 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Thu, 5 Sep 2024 05:31:36 +0000 Subject: [PATCH 29/60] Implement lazy loading for images on meshmates page --- src/sections/Community/Meshmates/index.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/sections/Community/Meshmates/index.js b/src/sections/Community/Meshmates/index.js index 8314125625d8..20fd12a42912 100644 --- a/src/sections/Community/Meshmates/index.js +++ b/src/sections/Community/Meshmates/index.js @@ -92,35 +92,35 @@ const Meshmates = () => {

    After pairing up on the Layer5 discussion forum, the community Slack’s video chat or Google Hangouts are both available for your use as tools for getting to know one another. While getting acquainted and onboarding into the community, we suggest the following goals:

    - + - + - + - + - + - example: smp in action + example: smp in action

    SMP accounts for details of:

    diff --git a/src/sections/Projects/Sistent/components/modal/index.js b/src/sections/Projects/Sistent/components/modal/index.js index b62eccfcc11b..7cb49c4e7097 100644 --- a/src/sections/Projects/Sistent/components/modal/index.js +++ b/src/sections/Projects/Sistent/components/modal/index.js @@ -92,6 +92,7 @@ export const SistentModal = () => { width="100%" src={isDark ? ConfirmationDarkBg : ConfirmationBg} alt="confirmation" + loading="lazy" /> diff --git a/src/sections/Projects/Sistent/identity/color/code.js b/src/sections/Projects/Sistent/identity/color/code.js index 070d0eab6e2a..972e5e079e2b 100644 --- a/src/sections/Projects/Sistent/identity/color/code.js +++ b/src/sections/Projects/Sistent/identity/color/code.js @@ -95,6 +95,7 @@ const ColorCode = () => { width="100%" src={isDark ? BrandColorsDark : BrandColors} alt="Brand colors" + loading="lazy" /> @@ -105,6 +106,7 @@ const ColorCode = () => { width="100%" src={isDark ? GreyscaleColorsDark : GreyscaleColors} alt="Greyscale colors" + loading="lazy" /> @@ -115,6 +117,7 @@ const ColorCode = () => { width="100%" src={isDark ? FunctionColorsDark : FunctionColors} alt="Function colors" + loading="lazy" /> @@ -133,6 +136,7 @@ const ColorCode = () => { width="100%" src={isDark ? BgColorsDark : BgColors} alt="Background colors" + loading="lazy" /> @@ -143,6 +147,7 @@ const ColorCode = () => { width="100%" src={isDark ? TextColorsDark : TextColors} alt="Text colors" + loading="lazy" /> @@ -153,6 +158,7 @@ const ColorCode = () => { width="100%" src={isDark ? BorderColorsDark : BorderColors} alt="Border colors" + loading="lazy" /> @@ -167,6 +173,7 @@ const ColorCode = () => { width="100%" src={isDark ? ComponentColorsDark : ComponentColors} alt="Border colors" + loading="lazy" /> diff --git a/src/sections/Projects/Sistent/identity/color/guidance.js b/src/sections/Projects/Sistent/identity/color/guidance.js index cf45bfa217bb..d702ece76c5e 100644 --- a/src/sections/Projects/Sistent/identity/color/guidance.js +++ b/src/sections/Projects/Sistent/identity/color/guidance.js @@ -96,6 +96,7 @@ const ColorGuidance = () => { Tonal Palettes @@ -163,7 +164,7 @@ const ColorGuidance = () => {

    - Context Visuals + Context Visuals

    The Role of Color Tokens

    @@ -211,6 +212,7 @@ const ColorGuidance = () => { width="100%" src={isDark ? ContextVisuals6Dark : ContextVisuals6} alt="Context Visuals" + loading="lazy" /> diff --git a/src/sections/Projects/Sistent/identity/color/index.js b/src/sections/Projects/Sistent/identity/color/index.js index b226e78bd53c..6a74f65cfc42 100644 --- a/src/sections/Projects/Sistent/identity/color/index.js +++ b/src/sections/Projects/Sistent/identity/color/index.js @@ -144,6 +144,7 @@ const SistentIdentityColor = () => { Tonal Palette @@ -177,7 +178,7 @@ const SistentIdentityColor = () => {

    - Context Visuals + Context Visuals

    @@ -201,7 +202,7 @@ const SistentIdentityColor = () => {

    - Context Visuals + Context Visuals @@ -229,7 +230,7 @@ const SistentIdentityColor = () => {

    - Context Visuals + Context Visuals

    Dark Theme

    @@ -240,7 +241,7 @@ const SistentIdentityColor = () => {

    - Context Visuals + Context Visuals

    diff --git a/src/sections/Projects/Sistent/identity/spacing/guidance.js b/src/sections/Projects/Sistent/identity/spacing/guidance.js index 773d2b7008b8..6071bb3c2f79 100644 --- a/src/sections/Projects/Sistent/identity/spacing/guidance.js +++ b/src/sections/Projects/Sistent/identity/spacing/guidance.js @@ -104,6 +104,7 @@ export const SpacingGuidance = () => { Space Token Table @@ -128,6 +129,7 @@ export const SpacingGuidance = () => { Space Token Table diff --git a/src/sections/Projects/Sistent/identity/spacing/index.js b/src/sections/Projects/Sistent/identity/spacing/index.js index 29aad9b33bbf..b9ebea83bec5 100644 --- a/src/sections/Projects/Sistent/identity/spacing/index.js +++ b/src/sections/Projects/Sistent/identity/spacing/index.js @@ -125,6 +125,7 @@ const SistentIdentitySpacing = () => { Space Token Table diff --git a/src/sections/Projects/Sistent/identity/typography/code.js b/src/sections/Projects/Sistent/identity/typography/code.js index 159daa3eeca8..1692fab161b1 100644 --- a/src/sections/Projects/Sistent/identity/typography/code.js +++ b/src/sections/Projects/Sistent/identity/typography/code.js @@ -86,6 +86,7 @@ const TypographyCode = () => { Type Table @@ -102,6 +103,7 @@ const TypographyCode = () => { Type Table diff --git a/src/sections/Projects/Sistent/identity/typography/guidance.js b/src/sections/Projects/Sistent/identity/typography/guidance.js index 931e8b392f3c..e2061c5bef3c 100644 --- a/src/sections/Projects/Sistent/identity/typography/guidance.js +++ b/src/sections/Projects/Sistent/identity/typography/guidance.js @@ -91,6 +91,7 @@ const TypographyGuidance = () => { Type Scale @@ -105,6 +106,7 @@ const TypographyGuidance = () => { Type Scale diff --git a/src/sections/Projects/Sistent/identity/typography/index.js b/src/sections/Projects/Sistent/identity/typography/index.js index fe8fcec67acd..c88a4ba10ad3 100644 --- a/src/sections/Projects/Sistent/identity/typography/index.js +++ b/src/sections/Projects/Sistent/identity/typography/index.js @@ -132,6 +132,7 @@ const SistentTypography = () => { Type Scale @@ -160,7 +161,7 @@ const SistentTypography = () => {

    - Font Pair + Font Pair From 23bfa36df4172086b9701942bc880c6f9406e834 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 09:16:47 +0000 Subject: [PATCH 31/60] implement lazy loading for images in ServiceMeshTimeline --- src/sections/Landscape/ServiceMeshTimeline.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Landscape/ServiceMeshTimeline.js b/src/sections/Landscape/ServiceMeshTimeline.js index b93cda0202e9..437d5a1dc57e 100644 --- a/src/sections/Landscape/ServiceMeshTimeline.js +++ b/src/sections/Landscape/ServiceMeshTimeline.js @@ -45,10 +45,10 @@ const ServiceMeshTimeline = () => { > {mesh.icon ?
    - {mesh.name} + {mesh.name}
    :
    - {mesh.name} + {mesh.name}
    }

    {mesh.name}

    From 8261b0f9c554cbcf81c0607001cfbf70fa0a6554 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 09:29:17 +0000 Subject: [PATCH 32/60] implement lazy loading for images in Nighthawk project page --- src/sections/Projects/Nighthawk/index.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/sections/Projects/Nighthawk/index.js b/src/sections/Projects/Nighthawk/index.js index 2dde5ab179b3..9a30cbc4fa47 100644 --- a/src/sections/Projects/Nighthawk/index.js +++ b/src/sections/Projects/Nighthawk/index.js @@ -119,7 +119,7 @@ const Projects = () => {
    - cloud image + cloud image

    Nighthawk Distribution

    Stable builds available for:

    @@ -138,7 +138,7 @@ const Projects = () => {
    - cpu image + cpu image

    SCHEDULING AND ANALYSIS

    Nighthawk integrates with Meshery and provides you with the ability to schedule performance tests or insert them into your CI pipeline.

    @@ -153,7 +153,7 @@ const Projects = () => {
    @@ -210,7 +210,7 @@ const Projects = () => {
    - cncf logo + cncf logo

    Participate in the state of the art.
    Join us in the Cloud Native Computing Foundation's Service Mesh Working Group.

     ))} @@ -241,7 +241,7 @@ const MesheryPlatforms = () => {

    Step 2: Manage your mesh

    - Meshery + Meshery From 4c705d56276281662cc66bd546cb224e8deabc06 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 15:40:09 +0000 Subject: [PATCH 36/60] implement lazy loading for images on meshmap page --- .../meshmap-design-features-carousel.js | 1 + .../meshmap-design-integrations.js | 2 +- .../meshmap-visualize-features.js | 22 +++++++++---------- .../meshmap-visualize-views.js | 2 +- 4 files changed, 14 insertions(+), 13 deletions(-) diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js b/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js index c075bf55952a..abfb24aef553 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js +++ b/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js @@ -156,6 +156,7 @@ export default function MeshmapDesignFeatureCarousel() { // // height="90%" style={{ border: "1px solid #444444", marginTop: "8px", borderRadius: "20px" }} src={content.img} + loading="lazy" /> diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js b/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js index 9048f5507915..f4dc6dc9b62b 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js +++ b/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js @@ -131,7 +131,7 @@ const MeshmapIntegrationsSection = () => {
    - +

    diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js b/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js index 246c194eeb16..da09327daef7 100644 --- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js +++ b/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js @@ -145,8 +145,8 @@ const MeshmapVisualizerFeatures = () => {

    handleMouseOver(1)} onMouseOut={handleMouseOut}>
    - Application Import - + Application Import +

    Application Import

    Import your existing Kubernetes, Helm, or Docker Compose applications.

    @@ -155,8 +155,8 @@ const MeshmapVisualizerFeatures = () => {
    handleMouseOver(2)} onMouseOut={handleMouseOut}>
    - Performance Metrics - + Performance Metrics +

    Real-time performance metrics

    Monitor your clusters performing in action, set alerts and work with object-specific metrics.

    @@ -165,8 +165,8 @@ const MeshmapVisualizerFeatures = () => {
    handleMouseOver(3)} onMouseOut={handleMouseOut}>
    - Interactive Terminal - + Interactive Terminal +

    Interactive Terminal

    Establish sessions with one or more pods at a time.

    @@ -175,8 +175,8 @@ const MeshmapVisualizerFeatures = () => {
    handleMouseOver(4)} onMouseOut={handleMouseOut}>
    - Timeline - + Timeline +

    Timeline (DVR)

    Playback service transactions. Scrub over the history of changes to your deployments.

    @@ -185,7 +185,7 @@ const MeshmapVisualizerFeatures = () => {
    handleMouseOver(5)} onMouseOut={handleMouseOut}>
    - Service Performance + Service Performance @@ -197,8 +197,8 @@ const MeshmapVisualizerFeatures = () => {
    handleMouseOver(6)} onMouseOut={handleMouseOut}>
    - Log Stream - + Log Stream +

    Log Stream

    Stream and filter through the logs using keywords for multiple Kubernetes Pods simultaneously.

    diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js b/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js index 0c0671f7f8e1..b6504557370f 100644 --- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js +++ b/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js @@ -126,7 +126,7 @@ const MeshmapVisualizerViews = () => {
    - +

    Discover more with intuitive zoom levels

    From d7cbfa334476ba0ab5d50492e7034b38189b378e Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 15:49:58 +0000 Subject: [PATCH 37/60] implement lazy loading for images on meshery operator page --- src/sections/Meshery/meshery-operator/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Meshery/meshery-operator/index.js b/src/sections/Meshery/meshery-operator/index.js index c3bdb516bd58..a8d301b67b6b 100644 --- a/src/sections/Meshery/meshery-operator/index.js +++ b/src/sections/Meshery/meshery-operator/index.js @@ -74,12 +74,12 @@ const MesheryOperatorPage = () => { > From ea78574e2702d972a4d407dca3079dd28b0a5349 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 16:05:18 +0000 Subject: [PATCH 38/60] implement lazy loading for images on architecture diagram page --- src/sections/Home/Service-mesh-focussed/index.js | 4 ++-- src/sections/SeeYou/index.js | 12 ++++++------ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/sections/Home/Service-mesh-focussed/index.js b/src/sections/Home/Service-mesh-focussed/index.js index 5bdc03fb0473..c25ade7a8f0a 100644 --- a/src/sections/Home/Service-mesh-focussed/index.js +++ b/src/sections/Home/Service-mesh-focussed/index.js @@ -28,7 +28,7 @@ const ServiceMeshFocused = ({ bookName }) => {
    - Quote from book + Quote from book

    "Diverse microservices patterns and technologies, together with the requirements of given microservice applications, provide myriad opportunities for service mesh differentiation and specialization - including meshes native to specific cloud platforms. This will lead to a world where many enterprises use multiple service mesh products, whether separately or together."

    @@ -44,7 +44,7 @@ const ServiceMeshFocused = ({ bookName }) => { - Quote from book + Quote from book

    "A service mesh is a layer in your infrastructure that facilitates communication between services… and so much more. Its value is enormous, and the value you derive from one is very much related to what role you play in the design, implementation, and operations of your cloud native applications and infrastructure."

    diff --git a/src/sections/SeeYou/index.js b/src/sections/SeeYou/index.js index 0130d8df640d..045991d666da 100644 --- a/src/sections/SeeYou/index.js +++ b/src/sections/SeeYou/index.js @@ -18,22 +18,22 @@ const SeeYou = () => { Take the work out of teamwork.
    - {""}/ + {""}
    - {""}/ + {""}
    - {""}/ + {""}
    - {""}/ + {""}
    - {""}/ + {""}
    - {""}/ + {""}
    From 6677a95628f2c9fb02bc0bc6f0b01ccf8a55a181 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 16:15:27 +0000 Subject: [PATCH 39/60] implement lazy loading for `CTA_Bottom` image --- src/components/Call-To-Actions/CTA_Bottom/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Call-To-Actions/CTA_Bottom/index.js b/src/components/Call-To-Actions/CTA_Bottom/index.js index d4e250e19ace..6e156ac5c5a7 100644 --- a/src/components/Call-To-Actions/CTA_Bottom/index.js +++ b/src/components/Call-To-Actions/CTA_Bottom/index.js @@ -67,7 +67,7 @@ const CTA_Bottom = ({ alt, button_text, category, content, external_link, image, )}
    - {category + {category ); }; From c2ffabdaab98f68d73933e1c784bf0935516bb0b Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 16:52:33 +0000 Subject: [PATCH 40/60] implement lazy loading for images on snapshot page --- src/sections/gitops/SnapshotPage.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/gitops/SnapshotPage.js b/src/sections/gitops/SnapshotPage.js index 64a2a3e674ba..fa76f30b98ea 100644 --- a/src/sections/gitops/SnapshotPage.js +++ b/src/sections/gitops/SnapshotPage.js @@ -34,7 +34,7 @@ const SnapshotPage = () => { - GithubActionComment + GithubActionComment See your deployment
    before you merge.     @@ -53,7 +53,7 @@ const SnapshotPage = () => { - +     From d739224ebd9a7f40cb076a94300135a51e0278bc Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 17:13:30 +0000 Subject: [PATCH 41/60] implement lazy loading for images on Cloud Native Workshops page --- src/sections/Learn/Workshop-grid/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Learn/Workshop-grid/index.js b/src/sections/Learn/Workshop-grid/index.js index a668699c3c80..1c32065b120e 100644 --- a/src/sections/Learn/Workshop-grid/index.js +++ b/src/sections/Learn/Workshop-grid/index.js @@ -97,7 +97,7 @@ const WorkshopsPage = () => {
    {frontmatter.slack && frontmatter.status === "delivered" && content && ID === id ? - Slack + Slack Slack : ""}
    @@ -117,7 +117,7 @@ const WorkshopsPage = () => { ))} - WorkshopImage + WorkshopImage From e30a7ebc8b047e60f4480c467cdedaab4f27f653 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 23:59:26 +0000 Subject: [PATCH 42/60] implement lazy loading for images on brand kits page --- .../Brand/Brand-components/brand-guide.js | 2 +- .../Brand/Brand-components/community.js | 4 ++-- .../Company/Brand/Brand-components/imagehub.js | 4 ++-- .../Company/Brand/Brand-components/layer5.js | 6 +++--- .../Brand/Brand-components/meshery-operator.js | 4 ++-- .../Company/Brand/Brand-components/meshery.js | 8 ++++---- .../Company/Brand/Brand-components/meshmap.js | 6 +++--- .../Company/Brand/Brand-components/meshmark.js | 18 +++++++++--------- .../Brand/Brand-components/meshmaster.js | 6 +++--- .../Company/Brand/Brand-components/meshsync.js | 4 ++-- .../Brand/Brand-components/nighthawk.js | 6 +++--- .../Brand-components/servicemeshpatterns.js | 6 +++--- .../Company/Brand/Brand-components/smp.js | 12 ++++++------ .../Brand-components/social-backgrounds.js | 2 +- .../Brand/Brand-components/stickfigures.js | 2 +- 15 files changed, 45 insertions(+), 45 deletions(-) diff --git a/src/sections/Company/Brand/Brand-components/brand-guide.js b/src/sections/Company/Brand/Brand-components/brand-guide.js index 6ebf23eb99ef..60c13ff4f215 100644 --- a/src/sections/Company/Brand/Brand-components/brand-guide.js +++ b/src/sections/Company/Brand/Brand-components/brand-guide.js @@ -44,7 +44,7 @@ const BrandGuide = () => {     - Layer5 Brand Guide + Layer5 Brand Guide diff --git a/src/sections/Company/Brand/Brand-components/community.js b/src/sections/Company/Brand/Brand-components/community.js index 211245498602..e53a68a7fcbb 100644 --- a/src/sections/Company/Brand/Brand-components/community.js +++ b/src/sections/Company/Brand/Brand-components/community.js @@ -49,10 +49,10 @@ const CommunityBrand = () => { - MeshMate Logo + MeshMate Logo- MeshMate Logo Light + MeshMate Logo Light diff --git a/src/sections/Company/Brand/Brand-components/imagehub.js b/src/sections/Company/Brand/Brand-components/imagehub.js index 2fc72bb15a04..ba11aff908be 100644 --- a/src/sections/Company/Brand/Brand-components/imagehub.js +++ b/src/sections/Company/Brand/Brand-components/imagehub.js @@ -44,10 +44,10 @@ const ImageHubBrand = () => { - ImageHub Logo + ImageHub Logo- ImageHubWhite Logo + ImageHubWhite Logo diff --git a/src/sections/Company/Brand/Brand-components/layer5.js b/src/sections/Company/Brand/Brand-components/layer5.js index 97cda37563be..2179a3376aeb 100644 --- a/src/sections/Company/Brand/Brand-components/layer5.js +++ b/src/sections/Company/Brand/Brand-components/layer5.js @@ -56,11 +56,11 @@ const Layer5Brand = () => { - Layer5 Logo + Layer5 Logo Primary Logo: broadly, and majorly applicable - Layer5 Logo + Layer5 Logo Layer5 Icon: suited for square-shaped display @@ -107,7 +107,7 @@ const Layer5Brand = () => {

    - Layer5 and Meshery Bookmarks + Layer5 and Meshery Bookmarks diff --git a/src/sections/Company/Brand/Brand-components/meshery-operator.js b/src/sections/Company/Brand/Brand-components/meshery-operator.js index 53d4a1d9e22d..f9c3ddae9b48 100644 --- a/src/sections/Company/Brand/Brand-components/meshery-operator.js +++ b/src/sections/Company/Brand/Brand-components/meshery-operator.js @@ -51,10 +51,10 @@ const MesheryOperatorBrand = () => { - MesheryOperatorDark Logo + MesheryOperatorDark Logo- MesheryOperator Logo + MesheryOperator Logo diff --git a/src/sections/Company/Brand/Brand-components/meshery.js b/src/sections/Company/Brand/Brand-components/meshery.js index 2923fdfef4dc..d899db7209ea 100644 --- a/src/sections/Company/Brand/Brand-components/meshery.js +++ b/src/sections/Company/Brand/Brand-components/meshery.js @@ -46,18 +46,18 @@ const MesheryBrand = () => { - MesheryDark Logo + MesheryDark Logo- MesheryLightTextSide Logo + MesheryLightTextSide Logo - MesheryLightText Logo + MesheryLightText Logo- Meshery Logo + Meshery Logo diff --git a/src/sections/Company/Brand/Brand-components/meshmap.js b/src/sections/Company/Brand/Brand-components/meshmap.js index 53632bfb0c03..20be80e59d2f 100644 --- a/src/sections/Company/Brand/Brand-components/meshmap.js +++ b/src/sections/Company/Brand/Brand-components/meshmap.js @@ -52,13 +52,13 @@ const MeshMapBrand = () => { - MeshMap Logo + MeshMap Logo- MeshMapLight Icon + MeshMapLight Icon- MeshMapTitle Text + MeshMapTitle Text diff --git a/src/sections/Company/Brand/Brand-components/meshmark.js b/src/sections/Company/Brand/Brand-components/meshmark.js index 5f88c02bbfa2..d8a493b31e45 100644 --- a/src/sections/Company/Brand/Brand-components/meshmark.js +++ b/src/sections/Company/Brand/Brand-components/meshmark.js @@ -58,43 +58,43 @@ const MeshMarkBrand = () => { - MeshmarkDark Logo + MeshmarkDark Logo
    - MeshMarkWhite Logo + MeshMarkWhite Logo
    - MeshmarkLightLogo + MeshmarkLightLogo
    - MeshMarkDarkTextSide Logo + MeshMarkDarkTextSide Logo
    - MeshMarkWhiteTextSide Logo + MeshMarkWhiteTextSide Logo
    - MeshmarkLightTextSide Logo + MeshmarkLightTextSide Logo
    - MeshmarkTextLight Logo + MeshmarkTextLight Logo- MeshMarkTextBlue Logo + MeshMarkTextBlue Logo- MeshmarkTextDark Logo + MeshmarkTextDark Logo diff --git a/src/sections/Company/Brand/Brand-components/meshmaster.js b/src/sections/Company/Brand/Brand-components/meshmaster.js index e35905215f73..4541c269a9b6 100644 --- a/src/sections/Company/Brand/Brand-components/meshmaster.js +++ b/src/sections/Company/Brand/Brand-components/meshmaster.js @@ -44,13 +44,13 @@ const MeshMasterBrand = () => { - Meshmaster Full Logo + Meshmaster Full Logo- Meshmaster Icon + Meshmaster Icon- Meshmaster Text + Meshmaster Text diff --git a/src/sections/Company/Brand/Brand-components/meshsync.js b/src/sections/Company/Brand/Brand-components/meshsync.js index 7fb6b83b70cb..004c4d651777 100644 --- a/src/sections/Company/Brand/Brand-components/meshsync.js +++ b/src/sections/Company/Brand/Brand-components/meshsync.js @@ -51,10 +51,10 @@ const MeshSyncBrand = () => { - MeshSync Logo + MeshSync Logo- MeshSyncLight Logo + MeshSyncLight Logo diff --git a/src/sections/Company/Brand/Brand-components/nighthawk.js b/src/sections/Company/Brand/Brand-components/nighthawk.js index c79ac3f66d4c..88a0dcd54594 100644 --- a/src/sections/Company/Brand/Brand-components/nighthawk.js +++ b/src/sections/Company/Brand/Brand-components/nighthawk.js @@ -39,13 +39,13 @@ const Nighthawk = () => { - Nighthawk-with-name Logo + Nighthawk-with-name Logo- Nighthawk Logo + Nighthawk Logo- Nighthawk-name-only Logo + Nighthawk-name-only Logo diff --git a/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js b/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js index e2b2d8ee2653..702c24d6df3e 100644 --- a/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js +++ b/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js @@ -44,16 +44,16 @@ const ServiceMeshPatterns = () => { - Smp Logo + Smp Logo
    - SmpWhite Logo + SmpWhite Logo
    - SmpTxt Logo + SmpTxt Logo
    diff --git a/src/sections/Company/Brand/Brand-components/smp.js b/src/sections/Company/Brand/Brand-components/smp.js index 56ef30abb36e..00651903cfe2 100644 --- a/src/sections/Company/Brand/Brand-components/smp.js +++ b/src/sections/Company/Brand/Brand-components/smp.js @@ -55,31 +55,31 @@ const SMPBrand = () => { - SmpDark Logo + SmpDark Logo
    - SmpWhite Logo + SmpWhite Logo
    - SmpLight Logo + SmpLight Logo
    - SmpDarkTextSide Logo + SmpDarkTextSide Logo
    - SmPWhiteTextSide Logo + SmPWhiteTextSide Logo
    - SmPLightTextSide Logo + SmPLightTextSide Logo
    diff --git a/src/sections/Company/Brand/Brand-components/social-backgrounds.js b/src/sections/Company/Brand/Brand-components/social-backgrounds.js index 337df577d487..f1fbc7ec6a66 100644 --- a/src/sections/Company/Brand/Brand-components/social-backgrounds.js +++ b/src/sections/Company/Brand/Brand-components/social-backgrounds.js @@ -30,7 +30,7 @@ const SocialBackgrounds = () => { - Layer5 Social backgrounds + Layer5 Social backgrounds diff --git a/src/sections/Company/Brand/Brand-components/stickfigures.js b/src/sections/Company/Brand/Brand-components/stickfigures.js index 847ae204b202..885eee212dbc 100644 --- a/src/sections/Company/Brand/Brand-components/stickfigures.js +++ b/src/sections/Company/Brand/Brand-components/stickfigures.js @@ -36,7 +36,7 @@ const StickFigures = () => { - Layer5 Mascot, Five + Layer5 Mascot, Five From 4adb5494def8e068c30d0649c10beb86c50063f0 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 00:24:02 +0000 Subject: [PATCH 43/60] implement lazy loading for icon on how to apply section --- src/collections/careers/how-to-apply.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/collections/careers/how-to-apply.js b/src/collections/careers/how-to-apply.js index 7e2f116ea4ed..40b208548a85 100644 --- a/src/collections/careers/how-to-apply.js +++ b/src/collections/careers/how-to-apply.js @@ -41,7 +41,7 @@ const PositionApply = () => {
    - job-icon + job-icon
    How to Apply

    Submit your resume and a short cover letter to: From 215f03088340b1131160129a6e20f08e8a630538 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 00:30:12 +0000 Subject: [PATCH 44/60] implement lazy loading for images on who are we section --- src/sections/Company/WhoWeAre/index.js | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/sections/Company/WhoWeAre/index.js b/src/sections/Company/WhoWeAre/index.js index 49a356d286d1..57b1c837f7f0 100644 --- a/src/sections/Company/WhoWeAre/index.js +++ b/src/sections/Company/WhoWeAre/index.js @@ -28,25 +28,25 @@ const WhoWeAre = () => {

    - Cloud Native Leaders + Cloud Native Leaders

    Cloud Native Leaders

    - Meshery + Meshery

    CNCF TOC Contributors

    - Docker Captain + Docker Captain

    Docker Captains

    - Linkerd + Linkerd

    Cloud Native Ambassadors

    @@ -54,7 +54,7 @@ const WhoWeAre = () => {
    - Service Mesh Interface Maintainers + Service Mesh Interface Maintainers

    Service Mesh Interface Maintainers

    @@ -62,19 +62,19 @@ const WhoWeAre = () => { */}
    - Service Mesh Performance Maintainers + Service Mesh Performance Maintainers

    Service Mesh Performance Maintainers

    - Service Mesh Authors and Trainers + Service Mesh Authors and Trainers

    Service Mesh Authors

    - Meshery Creators + Meshery Creators

    Meshery Creators

    @@ -82,19 +82,19 @@ const WhoWeAre = () => {
    - CNCF Service Mesh Working Group + CNCF Service Mesh Working Group

    CNCF Service Mesh Working Group Chairs

    - Service Mesh Authors and Trainers + Service Mesh Authors and Trainers

    Kubernetes Certified Administrators

    - CNCF Special Interest Group Network Chair + CNCF Special Interest Group Network Chair

    CNCF Special Interest Group Network Chairs

    From 7d73d71e0cbf983f6e45e9581f3a699f82db4d3a Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 00:36:57 +0000 Subject: [PATCH 45/60] implement lazy loading for images in partners page --- src/sections/Partners/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/Partners/index.js b/src/sections/Partners/index.js index e4be9cb38134..289476c4be5f 100644 --- a/src/sections/Partners/index.js +++ b/src/sections/Partners/index.js @@ -60,7 +60,7 @@ const Partner = () => { @@ -111,7 +111,7 @@ const Partner = () => { { isValidElement(partner.imageLink) ? partner.imageLink - : {partner.name} + : {partner.name} } From 1698b42c1c2243089c4232b960a9b343aa3c2084 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 00:45:08 +0000 Subject: [PATCH 46/60] implement lazy loading for logo on contact form --- src/components/ContactForm/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ContactForm/index.js b/src/components/ContactForm/index.js index 27721f586e03..d77d56197b45 100644 --- a/src/components/ContactForm/index.js +++ b/src/components/ContactForm/index.js @@ -52,7 +52,7 @@ const ContactForm = () => { >
    - Layer5 Logo + Layer5 Logo
    • - Performance Icon + Performance Icon
      Extensive library of integrations
    • - Configuration Icon + Configuration Icon
      Infrastructure orchestration
    • - Performance Icon + Performance Icon
      Multi-player editing
    @@ -65,15 +65,15 @@ const DataCard = () => {
    • - Performance Icon + Performance Icon
      Ready-to-use templates
    • - Configuration Icon + Configuration Icon
      Visual drag & drop
    • - Performance Icon + Performance Icon
      Operate with No Code
    diff --git a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/ComponentsGrid.js b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/ComponentsGrid.js index e1bf17205dbe..f95afba407d2 100644 --- a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/ComponentsGrid.js +++ b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/ComponentsGrid.js @@ -46,7 +46,7 @@ const ComponentsGrid = ({ frontmatter }) => { {validComponents.map((item) => (
    - {item.name} + {item.name}

    {item.name.replaceAll("-", " ")}

    {/*
    diff --git a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/cta-performance.js b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/cta-performance.js index 3b08c8ed3abf..1b3015ec8a4e 100644 --- a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/cta-performance.js +++ b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/cta-performance.js @@ -77,7 +77,7 @@ const PerformanceCTA = ({ category }) => {
    - +

    Cloud Native Performance

    diff --git a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/howItWork.js b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/howItWork.js index d217d6bf4adb..5fdd47301364 100644 --- a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/howItWork.js +++ b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/howItWork.js @@ -203,7 +203,7 @@ const HowIntegrationWorks = ({ name, howitworks, howitworksdetails, slides }) => customPaging: (i) => { return ( - {`Slide + {`Slide ); }, @@ -236,7 +236,7 @@ const HowIntegrationWorks = ({ name, howitworks, howitworksdetails, slides }) => {slides.map((slide, index) => (
    - {`Slide + {`Slide
    ))}     diff --git a/src/sections/SolutionHero/index.js b/src/sections/SolutionHero/index.js index 2c3baa3b9a75..b191ab8f44c2 100644 --- a/src/sections/SolutionHero/index.js +++ b/src/sections/SolutionHero/index.js @@ -44,7 +44,7 @@ const FeatureHero = (props) => {
    - {""} + {""}
    From 8e944b4a930c404455ba2140418de0d00170aede Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 09:40:07 +0000 Subject: [PATCH 48/60] implement lazy loading for image in `RelatedPicks` --- src/components/RelatedPicks/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/RelatedPicks/index.js b/src/components/RelatedPicks/index.js index ce4f0e644fe4..273ffb00ae5f 100644 --- a/src/components/RelatedPicks/index.js +++ b/src/components/RelatedPicks/index.js @@ -11,7 +11,7 @@ const Card = ({ title, imgSrc, redirectLink }) => { - + {title} From 7840dd96231e446237955950d5c4841a9861ade3 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 09:51:11 +0000 Subject: [PATCH 49/60] implement lazy loading for images on service mesh interface page --- src/sections/Projects/SMI/index.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/sections/Projects/SMI/index.js b/src/sections/Projects/SMI/index.js index 169d3f177416..3b67ad75f4f4 100644 --- a/src/sections/Projects/SMI/index.js +++ b/src/sections/Projects/SMI/index.js @@ -55,7 +55,7 @@ const SMIPage = () => { {feature.services.map((service, index) => (
    iconicon

    Get familiar with all of the projects

    Spend time understanding each of the Layer5 initiatives through high level overviews available in the community drive and in discussion with your MeshMate.

    iconicon

    Identify your area of interest

    Use time with your MeshMate to familiarize with the architecture and technologies used in the projects. Inform your MeshMate of your current skills and what skills you would like to develop.

    iconicon

    Run Meshery

    Put on your user hat and walk-through all of Meshery’s features and functions as a user.

    iconicon

    Build Meshery

    Confirm that you have a usable development environment.

    iconicon

    Contribute

    Grab an open issue or suggest a new one.

    From fafaf33e70c3db5d160eb6e4800bf2eb737babc1 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Fri, 6 Sep 2024 08:57:58 +0000 Subject: [PATCH 30/60] implement lazy loading for sistent project images --- src/sections/Projects/SMP/index.js | 2 +- src/sections/Projects/Sistent/components/modal/index.js | 1 + src/sections/Projects/Sistent/identity/color/code.js | 7 +++++++ src/sections/Projects/Sistent/identity/color/guidance.js | 4 +++- src/sections/Projects/Sistent/identity/color/index.js | 9 +++++---- .../Projects/Sistent/identity/spacing/guidance.js | 2 ++ src/sections/Projects/Sistent/identity/spacing/index.js | 1 + .../Projects/Sistent/identity/typography/code.js | 2 ++ .../Projects/Sistent/identity/typography/guidance.js | 2 ++ .../Projects/Sistent/identity/typography/index.js | 3 ++- 10 files changed, 26 insertions(+), 7 deletions(-) diff --git a/src/sections/Projects/SMP/index.js b/src/sections/Projects/SMP/index.js index ac272f4032c6..f2cd1f89975c 100644 --- a/src/sections/Projects/SMP/index.js +++ b/src/sections/Projects/SMP/index.js @@ -69,7 +69,7 @@ const SMPPage = () => {

    SMP is a collaborative effort of Layer5, UT Austin, Intel, Red Hat, HashiCorp, Google and The Linux Foundation.
    - +

    {service.content}
    @@ -99,6 +99,7 @@ const SMIPage = () => {
    Service Mesh Landscape

    From 0d407dc776ed765b23b9cb0cd9a885b7c89e45ec Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sat, 7 Sep 2024 14:45:29 +0000 Subject: [PATCH 50/60] implement lazy loading for images in `TwoColLayout` --- src/components/Features/TwoColLayout.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Features/TwoColLayout.js b/src/components/Features/TwoColLayout.js index 29e18c823e03..6fb5cd432326 100644 --- a/src/components/Features/TwoColLayout.js +++ b/src/components/Features/TwoColLayout.js @@ -66,7 +66,7 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => { (containerRefs.current[0] = el)}> - image + image (contentRefs.current[0] = el)}> @@ -74,13 +74,13 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => {

    Incorporate AWS, GCP and Kubernetes components into Meshery designs for comprehensive and intuitive system mapping, documentation, and orchestration.

    - aws + aws - gcp + gcp - kubernetes + kubernetes
    @@ -88,7 +88,7 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => { (containerRefs.current[1] = el)}> - image + image (contentRefs.current[1] = el)}> From 05c611e980bdd4adb2d2dad061f22f119f38c063 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sun, 8 Sep 2024 02:57:40 +0000 Subject: [PATCH 51/60] implement lazy loading to images in `MeshmapMobileSwiper` section --- .../Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js b/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js index 1cb1e20f7a42..8258f1dfccea 100644 --- a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js +++ b/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js @@ -49,7 +49,7 @@ const Card = ({ title, description, img, readMoreLink }) => {

    {title}

    {description}

    - + {/* Read More */}
    ); From 78905285968d1ebb88caaae73cf47b8fd8365b79 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sun, 8 Sep 2024 03:47:08 +0000 Subject: [PATCH 52/60] implement lazy loading to images in `CTA_FullWidth` --- src/components/Call-To-Actions/CTA_FullWidth/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Call-To-Actions/CTA_FullWidth/index.js b/src/components/Call-To-Actions/CTA_FullWidth/index.js index b76e75d217b3..d8cc8897b31a 100644 --- a/src/components/Call-To-Actions/CTA_FullWidth/index.js +++ b/src/components/Call-To-Actions/CTA_FullWidth/index.js @@ -102,7 +102,7 @@ const CTA_FullWidth = ({ alt, button_text, category, content, external_link, ima { category ? ( <> - {Categories[category]["Image_Alt"]} + {Categories[category]["Image_Alt"]}

    {Categories[category]["Heading"]}

    @@ -113,7 +113,7 @@ const CTA_FullWidth = ({ alt, button_text, category, content, external_link, ima ) : ( <> - {alt + {alt

    {heading ? heading : defaultHeading}

    From 5ef154f82f542a03d7f126755ddff01bd9fff0d7 Mon Sep 17 00:00:00 2001 From: Oyelola Victoria Date: Sun, 8 Sep 2024 04:25:59 +0000 Subject: [PATCH 53/60] implement lazy loading for images in Press section --- src/sections/Company/News-grid/press.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Company/News-grid/press.js b/src/sections/Company/News-grid/press.js index 0e523337f36a..13397d8880c6 100644 --- a/src/sections/Company/News-grid/press.js +++ b/src/sections/Company/News-grid/press.js @@ -92,7 +92,7 @@ const Press = () => {
    Brand Kit

    Get our brand, logo assets and more.

    - Five Logo
    + Five Logo
    - List your integration icon + List your integration icon

    Want your app listed?

    Learn more about submitting an integration and partnership opportunities.