From 76c24bd7fd7c8820a1f2f2d8c4436d17166a31dc Mon Sep 17 00:00:00 2001 From: Archit Sharma Date: Tue, 14 May 2024 18:58:27 +0530 Subject: [PATCH 1/2] added project logos to each section Signed-off-by: Archit Sharma --- assets/icons/cloud.svg | 1 + assets/icons/meshery.svg | 1 + assets/icons/meshmap.svg | 1 + content/en/cloud/_index.md | 24 ++++++++++++++++++------ content/en/meshmap/_index.md | 21 ++++++++++++++++----- layouts/shortcodes/svg.html | 6 ++++++ 6 files changed, 43 insertions(+), 11 deletions(-) create mode 100644 assets/icons/cloud.svg create mode 100644 assets/icons/meshery.svg create mode 100644 assets/icons/meshmap.svg create mode 100644 layouts/shortcodes/svg.html diff --git a/assets/icons/cloud.svg b/assets/icons/cloud.svg new file mode 100644 index 00000000..49ec65e7 --- /dev/null +++ b/assets/icons/cloud.svg @@ -0,0 +1 @@ +5-light-bg \ No newline at end of file diff --git a/assets/icons/meshery.svg b/assets/icons/meshery.svg new file mode 100644 index 00000000..038129bf --- /dev/null +++ b/assets/icons/meshery.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/meshmap.svg b/assets/icons/meshmap.svg new file mode 100644 index 00000000..40567043 --- /dev/null +++ b/assets/icons/meshmap.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/en/cloud/_index.md b/content/en/cloud/_index.md index 9cf2d821..886a0d65 100755 --- a/content/en/cloud/_index.md +++ b/content/en/cloud/_index.md @@ -13,18 +13,30 @@ cascade: ## Understanding the Meshery Ecosystem -

You are here

+
{{< svg name="cloud" >}}
+ +
**Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted. +
+ +
{{< svg name="meshery" >}}
+ +
**Meshery** ([docs](https://docs.meshery.io)) is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with all CNCF projects, and various monitoring, CI/CD, and security tools. +
+ +
{{< svg name="meshmap" >}}
-**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications. +
+**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications. +
{{% /pageinfo %}} diff --git a/content/en/meshmap/_index.md b/content/en/meshmap/_index.md index 930593bc..9e74b3c2 100755 --- a/content/en/meshmap/_index.md +++ b/content/en/meshmap/_index.md @@ -9,7 +9,6 @@ cascade: type: docs --- - +
{{< svg name="meshmap" >}}
-**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications. +
+**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications. +
{{% /pageinfo %}} ## What is MeshMap? diff --git a/layouts/shortcodes/svg.html b/layouts/shortcodes/svg.html new file mode 100644 index 00000000..b63d27cc --- /dev/null +++ b/layouts/shortcodes/svg.html @@ -0,0 +1,6 @@ +{{ $name := .Get "name" }} +{{ with resources.Get (printf "icons/%s.svg" $name) }} + {{ .Content | safeHTML }} +{{ else }} + +{{ end }} \ No newline at end of file From d2cf903b5d7c3d980df3d71c981c113459592794 Mon Sep 17 00:00:00 2001 From: Archit Sharma Date: Tue, 14 May 2024 19:10:06 +0530 Subject: [PATCH 2/2] responsive Signed-off-by: Archit Sharma --- assets/scss/_landing_project.scss | 12 ++++++++++++ content/en/cloud/_index.md | 6 +++--- content/en/meshmap/_index.md | 6 +++--- 3 files changed, 18 insertions(+), 6 deletions(-) diff --git a/assets/scss/_landing_project.scss b/assets/scss/_landing_project.scss index fe10dc8a..6fdde8e3 100644 --- a/assets/scss/_landing_project.scss +++ b/assets/scss/_landing_project.scss @@ -200,3 +200,15 @@ max-width: 100%; } } + + +.logo-container { + width: 80px; + margin-right: 8px; +} + +@media screen and (max-width: 768px) { + .logo-container { + display: none; + } +} \ No newline at end of file diff --git a/content/en/cloud/_index.md b/content/en/cloud/_index.md index 886a0d65..ebcd4f0b 100755 --- a/content/en/cloud/_index.md +++ b/content/en/cloud/_index.md @@ -13,14 +13,14 @@ cascade: ## Understanding the Meshery Ecosystem -
{{< svg name="cloud" >}}
+
{{< svg name="cloud" >}}
**Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted.
-
{{< svg name="meshery" >}}
+
{{< svg name="meshery" >}}
@@ -31,7 +31,7 @@ cascade: box-shadow: inset 0 -3em 3em #00b39f33, 0 0 0 2px #00b39f33, 0.3em 0.3em 1em #00b39f00;">You are here

--> -
{{< svg name="meshmap" >}}
+
{{< svg name="meshmap" >}}
diff --git a/content/en/meshmap/_index.md b/content/en/meshmap/_index.md index 9e74b3c2..236b5056 100755 --- a/content/en/meshmap/_index.md +++ b/content/en/meshmap/_index.md @@ -20,14 +20,14 @@ cascade: ## Understanding the Meshery Ecosystem -
{{< svg name="cloud" >}}
+
{{< svg name="cloud" >}}
**Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted.
-
{{< svg name="meshery" >}}
+
{{< svg name="meshery" >}}
@@ -38,7 +38,7 @@ cascade: box-shadow: inset 0 -3em 3em #00b39f33, 0 0 0 2px #00b39f33, 0.3em 0.3em 1em #00b39f00;">You are here

--> -
{{< svg name="meshmap" >}}
+
{{< svg name="meshmap" >}}