Skip to content

Commit a01c8ad

Browse files
fix styling issues in pages
Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>
1 parent fd3ff2e commit a01c8ad

10 files changed

Lines changed: 120 additions & 281 deletions

File tree

src/collections/handbook/code-of-conduct/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: "At Layer5 We follow the CNCF Code of Conduct. We pledge to respect
44
type: Handbook
55
---
66

7-
import Point from "../community/bullet.svg";
7+
import Point from "./bullet.svg";
88

99
<h2 className="heading-top">Community Code of Conduct</h2>
1010

src/collections/handbook/community-roles/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ Layer5 MeshMates are committed to helping community members be successful contri
9999
</a>
100100

101101
Roles/Responsibilities:
102-
<br />
102+
103103
Maintainers are those who are responsible for managing the growth and performance of the project. They are incharge of the project's wellbeing, reviewing and merging the PR, updating the libraries and dependencies in that project, monitoring the codebase and so much more.
104104

105105
- Send a reminder about meetings

src/collections/handbook/community/index.mdx

Lines changed: 13 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ contents:
1212
---
1313

1414
import { Link } from "gatsby";
15-
import Point from "./bullet.svg";
15+
import Point from "../code-of-conduct/bullet.svg";
1616

1717

1818
<a id="Community Guidelines">
@@ -21,56 +21,20 @@ import Point from "./bullet.svg";
2121

2222
Welcome to the Layer5 community! We're happy to have you here and handhold you for your first contribution. Here are some tips to help you get started:
2323

24-
<p>
25-
<img className="logo" src={Point} alt="Point" />
26-
<strong>For Easy Identification -</strong> When setting up your slack workspace, your display name should be the same as your GitHub username for easy identification, engage freely, and in whatever form you will: as a listener, user, contributor, maintainer, ambassador, or bystander. Involvement in any way is warmly received.
27-
</p>
24+
<p><img className="logo" src={Point} alt="Point" /><strong>For Easy Identification -</strong> When setting up your slack workspace, your display name should be the same as your GitHub username for easy identification, engage freely, and in whatever form you will: as a listener, user, contributor, maintainer, ambassador, or bystander. Involvement in any way is warmly received.</p>
25+
<p><img className="logo" src={Point} alt="Point" /><strong>Familiarize with the community -</strong> As you get to familiarize yourself with the community, know that there are multiple initiatives for you to explore. Some initiatives have working groups that meet at different times each week, while others use the weekly community meeting as their place of discussion. Details of each can be found on the <Link to="/community/calendar">community calendar</Link>. Everyone is welcome to join the calls and engage with other community members over Slack, the mailing list, and so on.</p>
26+
<p><img className="logo" src={Point} alt="Point" /><strong>Familiarize with the projects -</strong> The following is a sample of the many active, ongoing community projects. One way of doing so is to review the <Link to="/community/handbook/repository-overview">Layer5 Repository Overview</Link> section of this handbook to get a better understanding of each project. This document will help you to understand the projects based on their technology domain(s). Be sure to star the community's <a href="https://github.com/layer5io">repositories</a> on GitHub!</p>
27+
<p><img className="logo" src={Point} alt="Point" /><strong>Be friendly and open-minded -</strong> We encourage you to be welcoming to new collaborators and those just getting started. Other contributors might not have the same degree of experience or background as you, but that doesn't mean they can't provide useful ideas.</p>
28+
<p><img className="logo" src={Point} alt="Point" /><strong>Be honest -</strong> "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.</p>
29+
<p><img className="logo" src={Point} alt="Point" /><strong>Be respectful and inclusive -</strong> We are a diverse group of people with diverse backgrounds and opinions. We expect everyone to be civil and professional in their activities. Disrespectful behavior is not tolerated. Do not publish anything that would be considered insulting, abusive, or hate speech by a reasonable person.</p>
30+
<p><img className="logo" src={Point} alt="Point" /><strong>Collaborate and Contribute -</strong> Members are expected to attend community and workgroup meetings, find ways to help, check up on our Github page regularly etc. Within the community and outside, we encourage teamwork.</p>
2831

29-
<p>
30-
<img className="logo" src={Point} alt="Point" />
31-
<strong>Familiarize with the community -</strong> As you get to familiarize yourself with the community, know that there are multiple initiatives for you to explore. Some initiatives have working groups that meet at different times each week, while others use the weekly community meeting as their place of discussion. Details of each can be found on the <Link to="/community/calendar">community calendar</Link>. Everyone is welcome to join the calls and engage with other community members over Slack, the mailing list, and so on.
32-
</p>
33-
34-
<p>
35-
<img className="logo" src={Point} alt="Point" />
36-
<strong>Familiarize with the projects -</strong> The following is a sample of the many active, ongoing community projects. One way of doing so is to review the <Link to="/community/handbook/repository-overview">Layer5 Repository Overview</Link> section of this handbook to get a better understanding of each project. This document will help you to understand the projects based on their technology domain(s). Be sure to star the community's <a href="https://github.com/layer5io">repositories</a> on GitHub!
37-
</p>
38-
39-
<p>
40-
<img className="logo" src={Point} alt="Point" />
41-
<strong>Be friendly and open-minded -</strong> We encourage you to be welcoming to new collaborators and those just getting started. Other contributors might not have the same degree of experience or background as you, but that doesn't mean they can't provide useful ideas.
42-
</p>
43-
44-
<p>
45-
<img className="logo" src={Point} alt="Point" />
46-
<strong>Be honest -</strong> "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.
47-
</p>
48-
49-
<p>
50-
<img className="logo" src={Point} alt="Point" />
51-
<strong>Be respectful and inclusive -</strong> We are a diverse group of people with diverse backgrounds and opinions. We expect everyone to be civil and professional in their activities. Disrespectful behavior is not tolerated. Do not publish anything that would be considered insulting, abusive, or hate speech by a reasonable person.
52-
</p>
53-
54-
<p>
55-
<img className="logo" src={Point} alt="Point" />
56-
<strong>Collaborate and Contribute -</strong> Members are expected to attend community and workgroup meetings, find ways to help, check up on our Github page regularly etc. Within the community and outside, we encourage teamwork.
57-
</p>
58-
59-
<p id="Resources">
32+
<div id="Resources">
6033
<h3> Resources </h3>
61-
<p>
62-
<img className="logo" src={Point} alt="Point" />
63-
Be sure to access the resources <a href="https://drive.google.com/drive/u/0/folders/0ABH8aabN4WAKUk9PVA">community drive.</a>
64-
</p>
65-
<p>
66-
<img className="logo" src={Point} alt="Point" />
67-
Sign-up on the <a href="https://layer5.io/subscribe">community mailer</a>.
68-
</p>
69-
<p>
70-
<img className="logo" src={Point} alt="Point" />
71-
Ask for a copy of <a href="https://layer5.io/books/the-enterprise-path-to-service-mesh-architectures">The Enterprise Path to Service Mesh Architectures.</a>
72-
</p>
73-
</p>
34+
<p><img className="logo" src={Point} alt="Point" />Be sure to access the resources <a href="https://drive.google.com/drive/u/0/folders/0ABH8aabN4WAKUk9PVA">community drive.</a></p>
35+
<p><img className="logo" src={Point} alt="Point" />Sign-up on the <a href="https://layer5.io/subscribe">community mailer</a>.</p>
36+
<p><img className="logo" src={Point} alt="Point" />Ask for a copy of <a href="https://layer5.io/books/the-enterprise-path-to-service-mesh-architectures">The Enterprise Path to Service Mesh Architectures.</a></p>
37+
</div>
7438

7539
Please refer to the <Link to="/community/handbook/code-of-conduct">Code of Conduct</Link> for more details.
7640

src/collections/handbook/connect-with-us/index.mdx

Lines changed: 7 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -97,47 +97,12 @@ Join us on our cloud native community's <a href="https://discuss.layer5.io">Disc
9797
Layer5 is dedicated to empowering engineers and supporting the open source community that create them. Learn more about Layer5 and connect with the community by following and engaging with us on our social media accounts.
9898

9999
<div>
100-
<p className="channels-para">
101-
<img className="channels-img" src={twitter_icon} alt="twitter" />
102-
&nbsp;&nbsp;
103-
<a href="https://x.com/layer5">@layer5</a>,&nbsp;
104-
<a href="https://x.com/mesheryio">@mesheryio</a>
105-
&nbsp;and&nbsp;
106-
<a href="https://x.com/kanvas-new">@kanvas-new</a>
107-
</p>
108-
<p className="channels-para">
109-
<img className="channels-img" src={mail_icon} alt="mail" />
110-
&nbsp;&nbsp;
111-
<a href="mailto:community-managers@layer5.io">
112-
Connect with our community managers for any inquiries or support!
113-
</a>
114-
</p>
115-
<p className="channels-para">
116-
<img className="channels-img" src={youtube_icon} alt="youtube" />
117-
&nbsp;&nbsp;
118-
<a href="https://www.youtube.com/Layer5io?sub_confirmation=1">Subscribe to Layer5 Youtube</a>,
119-
&nbsp;
120-
<a href="https://www.youtube.com/@mesheryio?sub_confirmation=1">Subscribe to Meshery Youtube</a>
121-
</p>
122-
<p className="channels-para">
123-
<img className="channels-img" src={github_icon} alt="github" />
124-
&nbsp;&nbsp;
125-
<a href="https://github.com/layer5io">Discover our projects on GitHub</a>
126-
</p>
127-
<p className="channels-para">
128-
<img className="channels-img" src={linkedin_icon} alt="linkedin" />
129-
&nbsp;&nbsp;
130-
<a href="https://www.linkedin.com/company/layer5">Join our professional network on LinkedIn</a>
131-
</p>
132-
<p className="channels-para">
133-
<img className="channels-img" src={docker_icon} alt="docker" />
134-
&nbsp;&nbsp;
135-
<a href="https://hub.docker.com/u/layer5/">Take control with Docker deployment</a>
136-
</p>
137-
<p className="channels-para">
138-
<img className="channels-img" src={slack_icon} alt="slack" />
139-
&nbsp;&nbsp;
140-
<a href="https://slack.layer5.io/">Communicate and collaborate with us on Slack</a>
141-
</p>
100+
<p className="channels-para"><img className="channels-img" src={twitter_icon} alt="twitter" />&nbsp;&nbsp;<a href="https://x.com/layer5">@layer5</a>,&nbsp;<a href="https://x.com/mesheryio">@mesheryio</a>&nbsp;and&nbsp;<a href="https://x.com/kanvas-new">@kanvas-new</a></p>
101+
<p className="channels-para"><img className="channels-img" src={mail_icon} alt="mail" />&nbsp;&nbsp;<a href="mailto:community-managers@layer5.io">Connect with our community managers for any inquiries or support!</a></p>
102+
<p className="channels-para"><img className="channels-img" src={youtube_icon} alt="youtube" />&nbsp;&nbsp;<a href="https://www.youtube.com/Layer5io?sub_confirmation=1">Subscribe to Layer5 Youtube</a>,&nbsp;<a href="https://www.youtube.com/@mesheryio?sub_confirmation=1">Subscribe to Meshery Youtube</a></p>
103+
<p className="channels-para"><img className="channels-img" src={github_icon} alt="github" />&nbsp;&nbsp;<a href="https://github.com/layer5io">Discover our projects on GitHub</a></p>
104+
<p className="channels-para"><img className="channels-img" src={linkedin_icon} alt="linkedin" />&nbsp;&nbsp;<a href="https://www.linkedin.com/company/layer5">Join our professional network on LinkedIn</a></p>
105+
<p className="channels-para"><img className="channels-img" src={docker_icon} alt="docker" />&nbsp;&nbsp;<a href="https://hub.docker.com/u/layer5/">Take control with Docker deployment</a></p>
106+
<p className="channels-para"><img className="channels-img" src={slack_icon} alt="slack" />&nbsp;&nbsp;<a href="https://slack.layer5.io/">Communicate and collaborate with us on Slack</a></p>
142107
</div>
143108

src/collections/handbook/designer/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: "Designer"
2+
title: "Design with Layer5"
33
description: "Design with Layer5 - Contribute to UI/UX across our projects"
44
type: Handbook
55
---

src/collections/handbook/github -organization/index.mdx

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,19 +29,23 @@ Membership to the GitHub organizations is a significant milestone for contributo
2929

3030
<a id="Requirements"><h4><strong>Membership Requirements</strong></h4></a>
3131

32+
<p>
3233
Contributors who may be invited typically:
33-
- Have been actively involved in the community for several weeks
34-
- Make regular updates to projects
35-
- Help other community members
36-
- Attend development meetings
37-
- Demonstrate a willingness to learn and share knowledge
38-
- Show a genuine desire to improve themselves, others, and the projects
34+
<ul>
35+
<li>Have been actively involved in the community for several weeks</li>
36+
<li>Make regular updates to projects</li>
37+
<li>Help other community members</li>
38+
<li>Attend development meetings</li>
39+
<li>Demonstrate a willingness to learn and share knowledge</li>
40+
<li>Show a genuine desire to improve themselves, others, and the projects</li>
41+
</ul></p>
42+
3943

4044
<a id="InvitationProcess"><h4><strong>Invitation Process</strong></h4></a>
4145

4246
Depending on the number and quality of contributions made across the five GitHub organizations of Layer5, contributors can receive an invitation to any or all of these orgs. The process involves:
43-
1. Sending a group DM
44-
2. Executing Slack slash command in #community-management
47+
1. Sending a group DM
48+
2. Executing Slack slash command in #community-management <p/>
4549

4650
<a id="TemplateMessage"><h4><strong>Group Message for Invitations</strong></h4></a>
4751

src/collections/handbook/projects/index.mdx

Lines changed: 4 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -29,14 +29,7 @@ import mesheryoperatoricon from "../../../assets/images/meshery-operator/meshery
2929
import mesherysyncicon from "../../../assets/images/meshsync/meshsync.svg";
3030

3131

32-
<a id="Layer5">
33-
<h3 className="heading-top">
34-
<a href="https://layer5.io/">
35-
<img className="project-title-icon" src={layer5icon} alt="Layer5" />
36-
&nbsp; Layer5
37-
</a>
38-
</h3>
39-
</a>
32+
<a id="Layer5"><h3 className="heading-top"><a href="https://layer5.io/"><img className="project-title-icon" src={layer5icon} alt="Layer5" />&nbsp; Layer5</a></h3></a>
4033

4134
Its cloud native community represents the largest collection of cloud native projects. Emerging projects like Nighthawk <img className="project-description-icon" src={hawkIcon} alt="Nighthawk Icon" /> , community with <Link to="/community/meshmates"><img className="project-description-icon" src={meshmateicon} alt="MeshMate icon" /> MeshMates </Link>, catch-all org, "home base".
4235

@@ -52,14 +45,7 @@ Its cloud native community represents the largest collection of cloud native pro
5245
- #### <a href="https://cloud.layer5.io/academy">Layer5 Academy :</a>
5346
Layer5 Academy is a learning platform built into Layer5 Cloud. It offers structured learning paths, interactive challenges, and professional certifications. Content spans beginner to advanced levels, helping both developers and organizations skill up in cloud native technologies.
5447

55-
<a id="Meshery">
56-
<h3>
57-
<a href="https://layer5.io/cloud-native-management/meshery">
58-
<img className="project-title-icon" src={meshery} alt="Meshery" />
59-
&nbsp; Meshery
60-
</a>
61-
</h3>
62-
</a>
48+
<a id="Meshery"><h3><a href="https://layer5.io/cloud-native-management/meshery"><img className="project-title-icon" src={meshery} alt="Meshery" />&nbsp; Meshery</a></h3></a>
6349

6450
Meshery and its components Meshery Operator <img className="project-description-icon" src={mesheryoperatoricon} alt="Meshery Operator Icon" /> and MeshSync <img className="project-description-icon" src={mesherysyncicon} alt="MeshSync icon" />
6551

@@ -78,25 +64,11 @@ Meshery and its components Meshery Operator <img className="project-description-
7864
- #### <a href="https://layer5.io/cloud-native-management/catalog">Meshery Catalog :</a>
7965
As a central hub for sharing cloud native infrastructure designs, Meshery Catalog enables the exchange of the best practices, reusable templates, and Kubernetes-based operational patterns for multi-cluster Kubernetes clusters and distributed applications.
8066

81-
<a id="Cloud Native Performance">
82-
<h3>
83-
<a href="https://smp-spec.io/">
84-
<img className="project-title-icon" alt="cloud native performance" src={servicemeshperformance} />
85-
&nbsp; Cloud Native Performance
86-
</a>
87-
</h3>
88-
</a>
67+
<a id="Cloud Native Performance"><h3><a href="https://smp-spec.io/"><img className="project-title-icon" alt="cloud native performance" src={servicemeshperformance} />&nbsp; Cloud Native Performance</a></h3></a>
8968

9069
<a href="https://layer5.io/projects/cloud-native-performance">The Cloud Native Performance (SMP)</a> is a vendor-neutral specification for capturing details of environment and infrastructure details, cloud native infrastrcture and it's configuration, service/application details, and bundling of statistical analysis of the result.
9170

92-
<a id="Cloud Native Patterns">
93-
<h3>
94-
<a href="https://github.com/service-mesh-patterns/service-mesh-patterns">
95-
<img className="project-title-icon" alt="cloud native patterns" src={PatternsLogo} />
96-
&nbsp; Cloud Native Patterns
97-
</a>
98-
</h3>
99-
</a>
71+
<a id="Cloud Native Patterns"><h3><a href="https://github.com/service-mesh-patterns/service-mesh-patterns"><img className="project-title-icon" alt="cloud native patterns" src={PatternsLogo} />&nbsp; Cloud Native Patterns</a></h3></a>
10072

10173
A collection of curated patterns of cloud native use cases compatible with Meshery.
10274

0 commit comments

Comments
 (0)