I thought it might be nice if the HifiBerryOS implemented a favicon in addition to the apple icon I see in the code, where is the correct place to implement this/submit a pull request? The beocreate repo?
Date
Votes
3 comments
-
-
sky4055 +1 for the favicon.
-
Liam H Here's a guide on how to add your own custom Favicon to HiFiBerry.
1. Go to http://realfavicongenerator.net and create a new Favicon for your HifiBerry.
2. Login with SFTP to your device and browse to this path.
/opt/beocreate/beo-views/default3. Extract and upload your Favicon files to the directory path listed.
4. Edit the "index.html" file at the path and add the Favicon code inside the <head></head> section. Add "views/default/" to the Favicon paths, as shown below:<link rel="apple-touch-icon" sizes="180x180" href="views/default/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="views/default/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="views/default/favicon-16x16.png">
<link rel="manifest" href="views/default/site.webmanifest">
<link rel="mask-icon" href="views/default/safari-pinned-tab.svg" color="#efbc00">
<meta name="msapplication-TileColor" content="#ffdc5b">
<meta name="theme-color" content="#ffffff">5. Refresh your HTML view and see your new Favicon!
Please sign in to leave a comment.