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: update favicons and meta tags #1654

Merged
merged 1 commit into from
Apr 4, 2024

Conversation

krishnans2006
Copy link
Member

Proposed changes

  • Organize favicons into static/img/favicon
  • Organize meta tags in meta.html
  • Add and remove favicons to fit modern standards
    • Add png icons with precedence (16x16, 32x32)
    • Add updated favicon.ico (16x16, 32x32, 48x48)
    • Only load a single 180x180 apple-touch-icon
    • Add Safari pinned-tab support (mask-icon)
    • Add Windows support (browserconfig.xml)
    • Remove unused favicons

Brief description of rationale

Ion does not follow some best practices for favicons. These changes were inspired by RealFaviconGenerator and commits like tjcsl/tin@92c3258.

@krishnans2006 krishnans2006 self-assigned this Apr 3, 2024
@krishnans2006 krishnans2006 requested a review from a team as a code owner April 3, 2024 01:31
@coveralls
Copy link

coveralls commented Apr 3, 2024

Coverage Status

coverage: 79.728% (-0.06%) from 79.784%
when pulling 89589cc on krishnans2006:favicon-update
into a4302d0 on tjcsl:dev.

@alanzhu0
Copy link
Member

alanzhu0 commented Apr 3, 2024

Can you list the visual changes this produces, just for reference and since this is fairly significant?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This one looks all black - not the grey the other icons use. Is that intended?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, it's intended. The Safari pinned tab icon is supposed to be a silhouette and gets colored by the color field in meta.html line 30.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also, this one is off center, is that intended?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's intended - it leaves space for text under the icon.

@krishnans2006
Copy link
Member Author

Can you list the visual changes this produces, just for reference and since this is fairly significant?

Sure. As summarized above, besides speed/quality improvements and re-organization, this PR affects the following visuals:

New: Windows 8/10 (Metro Icon)

image

New: Safari (Pinned Tab Icon)

image

@krishnans2006 krishnans2006 requested a review from alanzhu0 April 4, 2024 00:46
Copy link
Member

@alanzhu0 alanzhu0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for explanations and LGTM

@krishnans2006 krishnans2006 merged commit 89589cc into tjcsl:dev Apr 4, 2024
6 checks passed
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.

3 participants