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

Add apple-touch-icon #2752

Merged
merged 1 commit into from
Oct 30, 2024
Merged

Add apple-touch-icon #2752

merged 1 commit into from
Oct 30, 2024

Conversation

heyainsleymae
Copy link
Contributor

Closes #1588

I took the CSS box shadow–based icon in the GoAccess site header and made an SVG out of it. To create the apple-touch-icon, I exported this SVG with a 1px #585858 border and 8px of padding on all four sides. I tested the icon below on my iPhone 11 Pro Max, and can confirm that it appears as intended.

goaccess-apple-touch-icon

(The site's favicon has two rows in the top section, while the icon in the header only has one; I added the second row so that the apple-touch-icon and the favicon match.)

I wanted to recreate the favicon as well, to ensure they were sourced from the same image, but I was unable to get a base64 version that was as small as the current one.

Happy to make any desired tweaks. If you'd like the SVG logo added to the repository, please let me know where I should place it.

@allinurl allinurl merged commit 6cb9e00 into allinurl:master Oct 30, 2024
21 checks passed
@allinurl
Copy link
Owner

Merged. This looks great, thank you! For now, let's place the SVG under /resources.

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.

Provide a valid apple-touch-icon to HTML report
2 participants