[Screenshots] Buildpacks under 'How it Works See It in Action' section

[saurabh100ni]

Current Behavior

Currently, every integration has only two old screenshots of the designer and visualizer in the 'How it Works See It in Action' section.

Desired Behavior

• Add new images and videos from the latest version of the software (MeshMap)
• Add screenshots for Buildpacks integration.

Acceptance Tests

• Ensure your screenshot represents the use of a few specific integrations.
• The screenshot from the Designer mode should contain a valid design, refer to meshery catalog to use and view published designs.
• Add both Dark Mode and Light Mode screenshots.
• The screenshot should not be a snippet, take the full screenshot of your browser.
• Use Incognito mode on Chrome browser, to ensure your bookmark bar or any other items are not shown in the screenshot/video.

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[csengineer1990]

Hi, sir, @saurabh100ni can I work on this issue with your guidance and help.?

[abhijeetgauravm]

Hey @csengineer1990 Do you have Meshmap access? Have u set up your Local Development Environment? Here you have to add the new screenshots of the designer and visualizer in the 'How it Works See It in Action' section from the latest version of the software (MeshMap) for Buildpacks integration. You can go through this docs for better understanding of Meshmap.

[csengineer1990]

Sir, I have access to MeshMap, and I have set up my local development environment. I will share the new screenshots of the designer and visualizer shortly.

Sir, do I have to use an existing designs while taking a screenshot?

[abhijeetgauravm]

Sir, I have access to MeshMap, and I have set up my local development environment. I will share the new screenshots of the designer and visualizer shortly.

Sir, do I have to use an existing designs while taking a screenshot?

@csengineer1990 yeah regarding design you don't need to create your own, you can use published design and clone them and take screenshot of them (You can do that in meshmap).

[csengineer1990]

Hi Sir. Please check whether the following screenshot is valid or not. Please guide me if I am doing anything wrong.

[saurabh100ni]

@Mohith234 //

[github-actions[bot]]

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.

---

        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

[sandramsc]

Hi Sir. Please check whether the following screenshot is valid or not. Please guide me if I am doing anything wrong.

@csengineer1990 Thank you for your contribution so far...

• The first of the three screenshots would be invalid as the canvas is empty
• The remaining two would be valid, however, it might be that there are icons missing within the shapes rendered on the canvas, although this might be the expected output for the selected design?
• Reminder to take a screenshot of the visualizer as well.

[csengineer1990]

Ok mam. I will check again and I will add a screenshot for the visualizer.

[csengineer1990]

Hi Sir/Madam, I can't take the screen shoot in visualizer mode because I am facing the issue "Could not load MeshMap GraphQL plugin.". I tried to solve it but couldn't solve it.

I am attaching a few new screenshots which I took in the designed mode with the new design. Please check whether the following screenshot is valid or not. Please guide me if I am doing anything wrong?

[saurabh100ni]

It should be fixed now, please check again.

[sandramsc]

Hi @csengineer1990 update on this issue? Let us know so we know to allow you more time, otherwise, we'll need to free (unassign you) the issue so as to allow other contributors to give it a go.

[kohantikanath]

Hi @sandramsc @saurabh100ni,

I would love to work on this issue. Can you please assign it to me?

[Aarya01Patil]

Hi @sandramsc @saurabh100ni @hargunkaur286 @narasimha-1511 , I would love to work on this issue. Can you assign it to me?