path of favicon.ico is wrong

[usta]

https://endoflife.date/favicon.ico doesn't exist and thus it is giving 404 @captn3m0

[usta]

It try to reach favicon like this : https://endoflife.date/favicon.ico <-- 404 but favicon.ico 's path is under assets like https://endoflife.date/assets/favicon.ico

[usta]

And looks like this bug exist but we missed it with other 404s : [this is 2 months ago's logs which you shared ]

[usta]

@BiNZGi @captn3m0 ping ?

[captn3m0]

I'd noticed it, but always thought that our favicon wasn't good enough to be used anywhere, so never got around to fixing it.

We have the image we use on GitHub avatar (I cropped it from https://unsplash.com/photos/mn0Kezx98EI), but I don't like it much either.

Any suggestions?

[usta]

i always liked more certain things , it might be much better to use a hourglass because it let you understand it will be finish when its top part finishes. How about normal clocks ? who know what shows 12 ? what is that will it start ? or will it end ? nothing is certain in that

[BiNZGi]

I also agree to create a new icon. The hourglass with all the sand down (cycle ended) can be a first idea. Font Awesome has already an icon for that in their library: https://fontawesome.com/icons/hourglass-end?s=duotone

Because of copyright issues it is probably a good idea to create something by our-self or use a free to use graphic.

[usta]

not the all sands down but almost all because otherwise it doest look like a hourgalss but something else when you first look it

[marcwrobel]

Maybe this one : https://openmoji.org/library/emoji-231B/ or https://openmoji.org/library/emoji-23F3/. Their icons are under the CC BY-SA 4.0 license, so all that's required is an attribution in the projects README and on the generated website (next to This site uses Just the Docs, a documentation theme for Jekyll. ?).

[marcwrobel]

This issue is linked to #28.

[captn3m0]

Anyone wants to file a PR for a favicon to start? (With the openmoji icon)

[marcwrobel]

Sure, I will give it a try.

@captn3m0, I also like the icon you put in the assets directory, it better convey the idea of a "cycle" than an hourglass IMHO :

Where does it come from ?

[captn3m0]

It's from the Material Icon set: https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Aupdate%3A

[marcwrobel]

Material Icons are under Apache 2 license, so we could use them too I think. But let's do a POC first.

[marcwrobel]

I have created two PRs : one with the Openmoji icon (https://github.com/endoflife-date/endoflife.date/pull/1900) and the other with the Material icon (https://github.com/endoflife-date/endoflife.date/pull/1902).

Each PR update the favicon and add the logo next to the site's title. Let me know what you think of it by looking at the deployed site. Personally I prefer the material icon.

[usta]

@marcwrobel @captn3m0 my 2 cent [vote] is for https://github.com/endoflife-date/endoflife.date/pull/1900

Let me expain why a refresh like icon is not suitable: it doesnt match the idea to show end of something it doesnt show the time moving/passing it gives users idea of refresh instead of end it almost disapear on darkthemes systems [ ]

[marcwrobel]

Thank you very much for taking some time to look at both icons @usta. There is now 1 vote for #1900 and 1 vote for #1902 ;).

[usta]

Let me expain why a refresh like icon is not suitable: it doesnt match the idea to show end of something it doesnt show the time moving/passing it gives users idea of refresh instead of end it almost disapear on darkthemes systems [ ]

[marcwrobel]

I do not have the same point of view. I think both icons show that time is passing (using a clock and an arrow for the material icon, and a an hourglass for the Openmoji one), but the material icon also shows :

• the end of something because the circle is not full (the circle is cut by the arrow),
• the need to update (that's its use within the material icon set after all),
• the idea of a cycle, which is a core principle in endoflife.date.

For the dark theme compatibility both icons are nearly invisible. And for both icons it can be improved by adding a solid background to the favicon.ico (I don't know what background color to use though).

[marcwrobel]

@captn3m0, @BiNZGi, any preference between the two logo ?

[BiNZGi]

I am not happy with both versions. The hourglass looks dated like from an old OS or something. The reload with the timing pointer is the wrong icon for the site. I would try another hourglass version, e.g. from https://fontawesome.com/icons/hourglass-half?s=duotone&f=classic

[marcwrobel]

Unfortunately it's not possible to use fontawesome icons because of their license.

And hourglass material icons are not good too IMHO (https://fonts.google.com/icons?selected=Material+Icons+Outlined:update:&icon. Maybe the bootstrap icon ?

[marcwrobel]

I just found those icons who are in the public domain.

https://publicdomainvectors.org/en/free-clipart/Hourglass-vector-graphics/31382.html :

https://publicdomainvectors.org/en/free-clipart/Simple-hourglass-vector-drawing/12580.html :

Is one of those icon ok @BiNZGi, @usta, @captn3m0 ?

Note that I still think that the Material icon (reload with clock) is the better one, as explained in https://github.com/endoflife-date/endoflife.date/issues/978#issuecomment-1327357988 😋.

[captn3m0]

My vote is for #1902, but not by much. I'm also thinking about the next step - social media images, where I'm thinking of something like the following as a dynamic image for every product to be used for social media shares:

I think the hourglass works much better here, but I don't like the current version in #1900. Not liking the openclipart options from above either. Clicked through to the original sources:

• https://openclipart.org/detail/194694/sandglas-flat
• https://openclipart.org/detail/173841/hourglass
• https://openclipart.org/detail/287620/hourglass-12 (Looks different atleast!)

[marcwrobel]

OK. One thing is sure, the hourglass is the preferred icon. Il will try to find some alternative icons.

In the mean time, I am closing #1902.

[marcwrobel]

Searched a little more for new icons that are free for personal and commercial purpose, here is what I got (I kept @captn3m0's links) :

• https://openclipart.org/detail/194694/sandglas-flat
• https://openclipart.org/detail/173841/hourglass
• https://openclipart.org/detail/287620/hourglass-12 (Looks different atleast!)
• https://openclipart.org/detail/326824/time-management-concept
• https://openclipart.org/detail/304223/simple-hourglass-2
• https://commons.wikimedia.org/wiki/File:Emojione1_23F3.svg
• https://commons.wikimedia.org/wiki/File:Hourglass_icon.svg
• https://commons.wikimedia.org/wiki/File:Hourglass_icon_%28orange%29.svg
• https://www.veryicon.com/icons/miscellaneous/colorful-news-icon/wait-for-10.html
• https://fr.m.wikipedia.org/wiki/Fichier:Circle-icons-hourglass.svg

I we try to agree on an icon I fear we will never choose one. So could you choose the one we will use @captn3m0 (if one suits you of course ;)) ?

[marcwrobel]

@captn3m0 ?

[captn3m0]

I have an idea for adapting the hourglass to our usecase. Will post here in a bit. Probably using the [wikipedia one])(https://commons.wikimedia.org/wiki/File:Hourglass_icon_%28orange%29.svg) since that looks the most like an icon,

[marcwrobel]

Ok, great.

[captn3m0]

This was the plan, I didn't do a good job of the editing though (The cuts should have been different, it looks like an imposed triangle right now).

SVG

[marcwrobel]

I really like what you did. The circle made me think a little bit to the Ubuntu logo (https://logosmarcas.net/wp-content/uploads/2020/11/Ubuntu-Emblema.png) ;).

Let's integrate this logo and see how it looks.

[marcwrobel]

@captn3m0, are you sure the SVG is the good one ? It is just a black circle when I look at it.

[marcwrobel]

Just gave it a shot following this tutorial : https://www.youtube.com/watch?v=JxIAXqbb5vQ. Got :

Updated the PR with (https://deploy-preview-1900--endoflife-date.netlify.app/), let me know if it's OK.

[captn3m0]

SVG opens correctly for me in Firefox, so it should be correct, but your version is better regardless.

I think using the colored variant for Open-Graph, social images etc makes sense, while using a B/W variant for the favicon - I don't quite like the colored variant in the favicon.

Even better would be to have a dual-color SVG favicon that uses white for dark mode: https://blog.tomayac.com/2019/09/21/prefers-color-scheme-in-svg-favicons-for-dark-mode-icons/. Seems to have reasonable support (75% as per CanIUse)