bhaumikmistry/open-connect-art

add Favico to the webpage.

bhaumikmistry opened this issue ยท 3 comments

We would like to have a tiny Favicon updated to the wepage.

  • create a new folder in src/ name it favicon
  • download attached image
    14285058911542186921-512
  • copy this image to the new folder
  • follow steps to generate a html favicon package https://realfavicongenerator.net/
  • Move the content of the package to newly created folder.
  • Insert the following code in the <head> section of html page:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff"> 
  • edit path

We want to have as many people as possible contribute a tile to the canvas on open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project README.md for more details.

@bhaumikmistry I'd love to take a crack at this if it's available!

@bhaumikmistry I just created a pull request for this issue. It doesn't appear that there are any conflicts, but let me know if you have any questions.

Thanks!

@hannah-saurusrex Great work.