Fix path to favicon
Currently favicon.svg
is loaded with a relative path,
<link rel="icon" href="favicon.svg">
which makes any sub-pages unable to load favicon. For example,
- quickstart: https://islandoftex.gitlab.io/arara/quickstart/
- manual/introduction: https://islandoftex.gitlab.io/arara/manual/introduction/
This Merge Request fixes this by using a full url for favicon and it works for Chrome 107 and Firefox 107, on macOS 12.2.1. Safari is different, it doesn't even show favicon for arara's homepage.
Non-master branch won't deploy GitLab Pages, but you can visit artifacts to check the effect:
- homepage: https://muzimuzhi.gitlab.io/-/arara/-/jobs/3421552662/artifacts/website/public/index.html
- quickstart: https://muzimuzhi.gitlab.io/-/arara/-/jobs/3421552662/artifacts/website/public/quickstart/index.html
- manual/introduction: https://muzimuzhi.gitlab.io/-/arara/-/jobs/3421552662/artifacts/website/public/manual/introduction/index.html
Favicon support in popular browsers is a mess. I've tried the suggested way in
- Definitive edition of "How to Favicon in 2021" https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7
with no luck. More related resources:
- Browser support table for svg favicon https://caniuse.com/link-icon-svg
- Favicon Generator https://realfavicongenerator.net
- Favicon on Wikipedia https://www.wikiwand.com/en/Favicon (wikiwand is wikipedia with nicer styling)