Skip to content

Commit 8fa4ac9

Browse files
iArchitSharmaiArchitSharma
authored
Merge pull request #251 from iArchitSharma/master
added project logos to each section
2 parents 2c61fe8 + 86c7008 commit 8fa4ac9

File tree

7 files changed

+55
-11
lines changed

7 files changed

+55
-11
lines changed

‎assets/icons/cloud.svg

+1
Loading

‎assets/icons/meshery.svg

+1
Loading

‎assets/icons/meshmap.svg

+1
Loading

‎assets/scss/_landing_project.scss

+12
Original file line numberDiff line numberDiff line change
@@ -200,3 +200,15 @@
200200
max-width: 100%;
201201
}
202202
}
203+
204+
205+
.logo-container {
206+
width: 80px;
207+
margin-right: 8px;
208+
}
209+
210+
@media screen and (max-width: 768px) {
211+
.logo-container {
212+
display: none;
213+
}
214+
}

‎content/en/cloud/_index.md

+18-6
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,30 @@ cascade:
1313

1414
## Understanding the Meshery Ecosystem
1515

16-
<p class="image-left"
17-
style="display:inline; font-style:italic; padding: 1rem; width:auto;
18-
box-shadow: inset 0 -3em 3em #00b39f33,
19-
0 0 0 2px #00b39f33,
20-
0.3em 0.3em 1em #00b39f00;">You are here</p>
16+
<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="cloud" >}}</div>
17+
18+
<div style="flex: 1;">
2119

2220
**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.
21+
</div></div>
22+
23+
<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshery" >}}</div>
24+
25+
<div style="flex: 1;">
2326

2427
**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.
28+
</div></div>
29+
<!-- <p class="image-left"
30+
style="display:inline; font-style:italic; padding: 1rem; width:auto;
31+
box-shadow: inset 0 -3em 3em #00b39f33,
32+
0 0 0 2px #00b39f33,
33+
0.3em 0.3em 1em #00b39f00;">You are here</p> -->
34+
<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshmap" >}}</div>
2535

26-
**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.
36+
<div style="flex: 1;">
2737

38+
**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.
39+
</div></div>
2840
{{% /pageinfo %}}
2941

3042

‎content/en/meshmap/_index.md

+16-5
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ cascade:
99
type: docs
1010
---
1111

12-
1312
<!-- {{% pageinfo %}}
1413
1514
**Meshery** 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 various CNCF projects, monitoring, CI/CD, and security tools.
@@ -21,18 +20,30 @@ cascade:
2120

2221
## Understanding the Meshery Ecosystem
2322

23+
<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="cloud" >}}</div>
24+
25+
<div style="flex: 1;">
26+
2427
**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.
28+
</div></div>
2529

26-
**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.
30+
<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshery" >}}</div>
2731

28-
<p class="image-left"
32+
<div style="flex: 1;">
33+
34+
**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.
35+
</div></div>
36+
<!-- <p class="image-left"
2937
style="display:inline; font-style:italic; padding: 1rem; width:auto;
3038
box-shadow: inset 0 -3em 3em #00b39f33,
3139
0 0 0 2px #00b39f33,
32-
0.3em 0.3em 1em #00b39f00;">You are here</p>
40+
0.3em 0.3em 1em #00b39f00;">You are here</p> -->
41+
<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshmap" >}}</div>
3342

34-
**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.
43+
<div style="flex: 1;">
3544

45+
**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.
46+
</div></div>
3647
{{% /pageinfo %}}
3748

3849
## What is MeshMap?

‎layouts/shortcodes/svg.html

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{{ $name := .Get "name" }}
2+
{{ with resources.Get (printf "icons/%s.svg" $name) }}
3+
{{ .Content | safeHTML }}
4+
{{ else }}
5+
<!-- SVG not found: {{ $name }} -->
6+
{{ end }}

0 commit comments

Comments
 (0)