meshery / play Goto Github PK
View Code? Open in Web Editor NEWCloud Native Playground for Kubernetes and all CNCF projects
Home Page: https://play.meshery.io
License: Apache License 2.0
Cloud Native Playground for Kubernetes and all CNCF projects
Home Page: https://play.meshery.io
License: Apache License 2.0
Hosted at play.meshery.io, build a unique learning environment for learning modern application networking through Meshery's support of every service mesh, orchestration of Kubernetes, and integration with many other CNCF projects. Meshery's genesis is that of helping teach people about service mesh technology and enabling to operate this type of cloud native infrastructure confidently. The proposed project is aimed at furthering this mission with interactive API documentation connected to a cloud native playground (a running instance of Meshery).
See https://layer5.io/programs/lfx for details.
A very simple request: update the following text - -
"The cloud native playground contains a set of learning paths that incorporate an application networking centric curriculum featuring training on 150+ integrations." Update to "200+"
In the homepage, the sign up form overall uses "Qanelas Soft", just like the rest of the page. But the input fields don't inherit the
the font family from the body and defaults to "Fira Sans" font. Same case for the submit button.
I think for consistency they should have the same font. Right now it looks a little out of place.
Creating a set of FAQs to be displayed on play.meshery.io. The FAQs component for this can be borrowed from the layer5.io website.
When clicked outside the card, the discuss.layer5.io link gets activated - which should not be the case.
The link should only be activated when clicked on the card not beyond that.
Currently, the icon is not visible due to black strokes in dark mode
It should have white strokes in dark mode
Currently, we are using the Logo of Layer5 instead of Meshery. This repository is under the organization Meshery, so, there should be the image of Meshery.
How to resolve this?
Go to .github and replace this welcome image with the new one:
Make sure to display the images conditionally, based on the theme selected by user.
Here's the sample code:
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/GiorgosXou/Random-stuff/main/Programming/StackOverflow/Answers/70200610_11465149/w.png">
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/GiorgosXou/Random-stuff/main/Programming/StackOverflow/Answers/70200610_11465149/b.png">
<img alt="Meshery Logo" src="">
</picture>
New images are:
Download these images, and upload with an appropriate name. Make sure to use conditional rendering as described above.
After uploading the image, and removing the previous image, go to .github/config.yml folder and update the reference to previous image to the new image in the following part:
firstPRMergeComment: >
Thanks for your contribution to the Layer5 and Meshery community! :tada:
![Congrats!](https://raw.githubusercontent.com/meshery/meshery.io/master/.github/welcome/Layer5-celebration.png)
	 	 	 	 :star: Please leave a [star on the project](../stargazers). :smile:
Here, replace ![Congrats!](https://raw.githubusercontent.com/meshery/meshery.io/master/.github/welcome/Layer5-celebration.png)
with the code
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/GiorgosXou/Random-stuff/main/Programming/StackOverflow/Answers/70200610_11465149/w.png">
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/GiorgosXou/Random-stuff/main/Programming/StackOverflow/Answers/70200610_11465149/b.png">
<img alt="Shows a black logo in light color mode and a white one in dark color mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
</picture>
make sure to change the image sources with the path to image in the folder where you upload it.
The para in https://play.meshery.io/ in light mode is not visible.
The paragraph should be clearly visible
The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master
branch.
Update website footer copyright year from 2022 to 2023
Currently play.meshery.io doesn't have much description about the playground.
Enhance the page with more information about what playground is on playground.meshery.io
This single page site only supports light mode and has no mode switcher.
This single page site should be using the same dark mode colors and dark mode switcher as the layer5.io site is.
See https://layer5.io/brand for resources and https://github.com/layer5io/layer5 for itβs dark mode colors.
Submit button Not Hovered like login button or signup button hover
Want to Hover that Submit Button which will look good
Right now we have some hover effects on buttons and all. But they don't have any transition effect which makes it look a little unpolished. Also the "Join our community button" still doesn't have the effect.
Akin to how layer5.io is built, and site deploy preview created, do the same for this repo (for this site).
itsarraj
Make the form responsive across every breakpoint.
The cd..
command in makefile, here is wrong.
It should be cd ..
The calendar & github icon in footer on play.meshery.io are not visible on hover.
they should be clearily visible like the footer icons in meshery.io
The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master
branch.
Minor bug seen in Safari (and maybe other browsers):
As mentioned by Lee on Slack, there's a bug in the Name field of signup form that requires users to enter the name in a specific format.
We can either remove the check since name need not follow a specific format OR make it more inclusive to include all languages
The Slack links (under Community and Socials section) in the footer take to 404 page and Service Mesh Interface page respectively.
The links should direct to the official Slack of Meshery.
@leecalcote I'd like to work on this issue. Kindly assign.
The is a small grammatical error after the user sign-up.
Correct it to read: Please wait patiently for a response from the Meshery team.
The community's standard first-time issue / pr welcoming comments and celebration is either missing or disabled.
On removing all the components from the canvas, non-stop popups keep on coming up with the message "operation restricted because the canvas is empty".
There should only be a single popup.
Dark and light mode support on the play.meshery.io site is new and undocumented.
The Contributing.md should answer the following questions (and more):
Consider copying or referencing the https://github.com/layer5io/layer5 dark mode instructions.
Currently the navbar remains same throughout all screen sizes and looks a bit cramped for smaller screens.
For screens below 500px the navbar will have a sort of hamburger menu.
I was thinking about moving the entire navbar into its own navigation component. While the theme state will remain in app.js we can use props to pass and change its value from inside navigation component. If there is any other approach to this please let me know.
Anyone can signup to use the Meshery Playground. Signup is necessary to ensure accountability given the open cluster nature of the playground.
Disallow signups from the following domains:
Field validation using javascript and regex.
"Use of the is not allowed. Please use a non-anonymous email address / domain.
The Meshery Playground is connected to live Kubernetes cluster(s) and allows users full-control over those clusters. Requiring users to register a non-anonymous user account keeps the Playground safe and healthy for all to enjoy. Without requiring users to sign-in, the Meshery Playground would allow anonymous access for anyone and everyone to potentially perform nefarious acts. Sign-up to receive a user account, entitled with perpetually free and full access the Playground environment."
A new promotional video has been created for Meshery Playground - https://youtu.be/Do7htKrRzDA
Prominently present this video to site visitors.
there are limited questions in the frequently asked questions
we can add more questions in frequently asked questions so it will be easy for the users to solve their issues and clear their doubts
we can add this type of questions :-
How can I contribute to the Meshery open-source project?
What kind of support options are available for Meshery users?
How does Meshery help with service mesh management and performance testing?
and we can add many more
Are you working on this issue?
Yes
As of now there is default scrollbar which is not so good pr user-friendly
We can create custom scrollbar which will be very user-friendly
The footer does not have a LinkedIn social icon
Add LinkedIn social icon to the footer
After the user signs up, the sign up button still appears on the screen.
The button should disappear after successful signup.
I would like to work on this issue.
Creating a contact form to be displayed on play.meshery.io. The contact form component for this can be borrowed from the layer5.io website.
The contact form component can be found here, https://layer5.io/careers/programs#:~:text=Didn%27t%20find%20an%20answer%20to%20your%20question%3F
Remove the SignUp Image on Home Page
Remove the current image with the Updated one
Updated Image:
The project's current issue templates are missing an open invitation link where new contributors can join the community's Figma team and view user interface designs and other UX projects.
Each template that has a reference to Figma in its resources section should an invite link added.
In each issue template that refers to Figma, replace the current line referring to Figma with this line:
- π¨ Wireframes and [designs for Meshery UI](https://www.figma.com/file/SMP3zxOjZztdOLtgN4dS2W/Meshery-UI) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/qJy1c95qirjgWQODApilR9)```
Example - https://app.netlify.com/sites/meshery-play/deploys/64c7fe565518d20008d451e5
The contributing.md
is missing project setup command instructions.
Add project setup guidelines with commands in contributing.md
Refer to the Makefile to get setup commands.
The current Sign up section does not let the user how their data is being used (email)
Add a message at the button linking the privacy policy and terms of use
See the login form https://meshery.layer5.io/registration?flow=d50cea7e-dd5e-425b-9ece-47c612b673b3
Add a message below the Submit button with related links
This site is missing the auto PR labeler. The workflow for this can be copied (and reduced) from the `layer5io/layer5` GitHub repo.
Originally posted by @leecalcote in #91 (comment)
Correct the spelling of the "curriculum"
ciricullum -> "curriculum"
The home page of Meshery Playground has some text centre aligned while some left aligned which makes the UI weird.
The paragraphs should also be centre-aligned like the headings.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.