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 (#1900) and the other with the Material icon (#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.

[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 #978 (comment) 😋.

[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)