Replace the Logo of Layer5 with Meshery in config.yml workflow

ShivangShandilya commented 1 year ago

Description

Currently, we are using the Logo of Layer5 instead of Meshery. This repository is under the organization Meshery, so, there should be an 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)
  &nbsp; &#9; &nbsp; &#9;  &nbsp; &#9;  &nbsp; &#9; :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.

That's it.

Layak-Ali commented 1 year ago

@ShivangShandilya Can you assign this task to me??

ShivangShandilya commented 1 year ago

go ahead @Layak-Ali :rocket:

Layak-Ali commented 1 year ago

@ShivangShandilya Am i supposed to change the following in meshery.io repo? because i can't find any config.yml file here. I am just starting out so i don't know how this works.

harish343 commented 1 year ago

Hey @ShivangShandilya this issue was closed ?

Adarsh-jaiss commented 11 months ago

Hey @ShivangShandilya ! Is anyone working on this issue?

Adarsh-jaiss commented 5 months ago

Hey @leecalcote, I couldn't find the .github/config.yml file. Should I create a new config.yaml file? if yes, then can you please provide me a reference to which config.yaml file to use?

leecalcote commented 5 months ago

See the meshery/meshery repo as a source from which to copy.

meshery / scoop-bucket

Replace the Logo of Layer5 with Meshery in config.yml workflow #17