Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add favicon #72

Merged
merged 3 commits into from
Jan 17, 2024
Merged

feat: add favicon #72

merged 3 commits into from
Jan 17, 2024

Conversation

jathek
Copy link
Contributor

@jathek jathek commented Jan 16, 2024

Modifies index.html so that unbalance-logo.png is used as the favicon for the page.

Before & after:
image

It works for me locally, and I think it should work in the final plugin as well, because the link href does seem to get converted by vite into same paths as everything else:
image

jathek and others added 3 commits January 16, 2024 16:18
this uses https://realfavicongenerator.net/ in order to generate the
icons in the appropriate sizes and formats.

reduces the network traffic by serving a smaller favicon, and also
accounts for the different formats different browsers use.
using oxipng -o 4 --strip safe --alpha *.png
@jbrodriguez
Copy link
Owner

hi @jathek, thanks for this PR !! favicons are browser dependent 🤷‍♂️, so I made some changes to account for this

thank you again !

@jbrodriguez jbrodriguez merged commit c7f09e2 into jbrodriguez:main Jan 17, 2024
@jathek jathek deleted the feat/favicon branch January 17, 2024 18:32
@jathek jathek restored the feat/favicon branch January 17, 2024 18:57
@jathek
Copy link
Contributor Author

jathek commented Jan 17, 2024

Sounds good! That site is great, definitely bookmarking. I do have one comment. The safari-pinned-tab.svg is just a blank circle. I think maybe you should click the radio to convert to a monochrome icon, and tweak the color? Then it comes out looking like this instead:
image
I sent PR #73 since this one is closed.

The stock vite.svg never showed up for me when I accessed the unbalanced I have currently installed. It only appeared locally when running npm run preview. Hopefully the new favicons will show when a new plugin version is pushed.

@jathek jathek deleted the feat/favicon branch January 17, 2024 19:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants