favicon

[scottlamb]

It's a small thing, but I keep lots of Chrome tabs open and have trouble finding the Moonfire one because there's no favicon. Make one. Probably red (to match the name moonfire) and some fitting imagery, such as:

• camera: profile view of a bullet style is probably most identifiable in few pixels. Maybe a head-on view of a bullet style with glowing red LEDs.
• moon: probably a crescent to be identifiable as something other than just a circle.
• tree: a moonfire japanese maple. might be hard to represent well in such a limited number of pixels. the leaf unfortunately is easily confused with marijuana.

It'd be nice to have a larger logo as well for display on the UI, the main page, maybe in the future an icon for phone apps. But better to have a just a favicon for now than nothing.

[dolfs]

I just put in a fairly full setup, supporting all the various formats the web and mobile require. The image itself is a moon on fire coming over a forested mountain ridge, with a bullet cam super imposed. Not super artsy, but I suppose it will do for now.

[scottlamb]

As mentioned on the PR #51, I'm afraid we can't use those images. :(

I just did some searching and found thenounproject.com has a decent collection of licensable icons. We could do CC-BY licensing (not exactly sure where best to put the attribution) or I'd be happy to just pay the $1.99 per icon. I kind of like this one, maybe in a red circle or with a red crescent behind it. These are simple enough icons that they scale down pretty well to Chrome's tab icon size.

[dolfs]

I pushed an update with a reasonable image (for now), the is Creative Commons licensed for free use. It does also not use the camera. For a favicon you need more than one size image, so licensing an icon is not going to cut it. Anyway, I am not an artist so I offer this as a reasonable placeholder that does not have the problems you originally commented on. Dolf Starreveld email <mailto:[email protected]>

…

On Mar 12, 2018, at 21:33, Scott Lamb ***@***.*** ***@***.***>> wrote: As mentioned on the PR #51 <#51>, I'm afraid we can't use those images. :( I just did some searching and found thenounproject.com <http://thenounproject.com/> has a decent collection of licensable icons. We could do CC-BY licensing (not exactly sure where best to put the attribution) or I'd be happy to just pay the $1.99 per icon. I kind of like this one <https://thenounproject.com/search/?q=72530&i=72530>, maybe in a red circle or with a red crescent behind it. These are simple enough icons that they scale down pretty well to Chrome's tab icon size. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#50 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABRU1UH3YusR23XMrBms--LiQl8256jkks5td0wLgaJpZM4SmIMy>.

[scottlamb]

Oh, while you were doing that I played with the icon I mentioned and came up with this (32x32 version):

Looks like realfavicongenerator.net can generate all the various formats.

[dolfs]

Yes, that is what I used. I see no moon and no fire in your icon, but, granted, it has a camera. Dolf Starreveld email <mailto:[email protected]>

…

On Mar 12, 2018, at 22:06, Scott Lamb ***@***.*** ***@***.***>> wrote: Oh, while you were doing that I played with the icon I mentioned and came up with this (32x32 version): <https://user-images.githubusercontent.com/8949524/37323450-26f5b906-2641-11e8-8e04-58b16542d5a0.png> Looks like realfavicongenerator.net <http://realfavicongenerator.net/> can generate all the various formats. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#50 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABRU1TPOZySG1ROCpR-0euT8S6QkVRRFks5td1O4gaJpZM4SmIMy>.

[scottlamb]

You're meant to imagine the circle as a moon, and the color as fire-like. /shruggie

I'm not an artist either; but IMHO at low resolution something icon-based with few elements is more identifiable than something photo-based.

I'm open to changing it up, especially if we get a real artist involved, but I at least have something with this that gets the icon to pass through webpack and web.rs with the proper mime type and such to work.

[dolfs]

Well, passing through was accomplished with what I delivered too. Anyway. Enough said. Dolf Starreveld email <mailto:[email protected]>

…

On Mar 12, 2018, at 22:47, Scott Lamb ***@***.*** ***@***.***>> wrote: You're meant to imagine the circle as a moon, and the color as fire-like. /shruggie I'm not an artist either; but IMHO at low resolution something icon-based with few elements is more identifiable than something photo-based. I'm open to changing it up, especially if we get a real artist involved, but I at least have something with this that gets the icon to pass through webpack and web.rs <http://web.rs/> with the proper mime type and such to work. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#50 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABRU1UTErmvECh2wfmsyyb39a6eZWh9Xks5td11kgaJpZM4SmIMy>.

[scottlamb]

Oh, so it did. I was all proud I made something work (remember, I really know less than you'd expect about making websites). I had to modify web.rs to make the .ico work and the webpack config to use the name favicon.ico, but I guess your version had Chrome load .pngs (using the existing web.rs MIME mapping) and webpack's default hashed name substitution.

[dolfs]

Favicon.ico is no longer the recommended way and is not suitable for various kinds of devices and browsers.

…

Sent from my iPad

On Mar 13, 2018, at 00:04, Scott Lamb ***@***.***> wrote: Oh, so it did. I was all proud I made something work (remember, I really know less than you'd expect about making websites). I had to modify web.rs to make the .ico work and the webpack config to use the name favicon.ico, but I guess your version had Chrome load .pngs (using the existing web.rs MIME mapping) and webpack's default hashed name substitution. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or mute the thread.

[scottlamb]

I'll switch it to use your approach then.

[dolfs]

How about I add your camera icon to the updated and CC moon on fire image I have in here? I am sure things could be improved later... Dolf Starreveld email <mailto:[email protected]>

…

On Mar 13, 2018, at 22:23, Scott Lamb ***@***.*** ***@***.***>> wrote: I'll switch it to use your approach then. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#50 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABRU1XeYZZ_4dcdbkrg0bvSAonLWEIQLks5teKk7gaJpZM4SmIMy>.