Devfiles from devfile registry should provide right icon instead of default Che one

[sleshchenko]

Is your task related to a problem? Please describe.

Get Started page is coming and using default Che icon for every devfile becomes an issue:

Describe the solution you'd like

Devfile Registry must provide the right icons for every devfile.

[sleshchenko]

cc @l0rd @slemeur @tsmaeder

[beaumorley]

Here is mockup Get Started with the proposed icons for the various devfiles. If anyone has a better suggestion for any of them, let me know and I can make another logo.

And here is a zip file with the logos.

final_logos.zip

And here is a table with the devfile matched to the logo name.

dev file	logo img name
angular	angular.svg
apache-camel-k	camel.sgv
apache-camel-springboot	camel.sgv
che4z	che.svg
cpp	cpp.svg
dotnet-asp.net	dotnet.svg
dotnet	dotnet.svg
go	go.svg
java-gradle	java.svg
java-maven	java.svg
java-mongo	java.svg
java-mysql	java.svg
java-web-spring	springboot.svg
java-web-vertx	vertx.svg
nodejs-mongo	nodejs.svg
nodejs-react	nodejs.svg
nodejs-yarn	nodejs.svg
nodejs	nodejs.svg
php-laravel	php.svg
php-mysql	php.svg
php-symfony	php.svg
php-web-simple	php.svg
python-django	php.svg
python-django	python.svg
quarkus	quarkus.svg
rust	rust.svg

I have a master file for the logos. Easy to tweak them in anyone has any feedback!

[beaumorley]

Also, would it be possible to align the title at the top left (Getting Started with Eclipse Che) with the search control on the right? Like this?

[sleshchenko]

@beaumorley Thanks a lot for providing needed icons for each of devfiles. Could you confirm that they're our own icons and we can put Eclipse License there?

But there is still an open question: who should serve these icons? Currently, Devfile Registry does not serve icons at all, there are the corresponding issues which can make it possible:
Devfile Registry Should Serve Pictures #14844
Registries should be provisioned with their public URL by default #15091
@slemeur @l0rd @nickboldt Do we have a chance to prioritize these issues or we can like start with putting these resources into Che Docs site and reference them from Devfile Registry then?

[olexii4]

Also, would it be possible to align the title at the top left (Getting Started with Eclipse Che) with the search control on the right? Like this?

@beaumorley The issue description has a bit outdated example, now a page looks like the following:

Is it good enough?

[beaumorley]

I looked up licensing on all. It looks like the only ones that may be an issue are java and .NET. However, the java logo is being used on Eclipse.org/che and .NET is being used on OpenShift. I will look into these. Here are my notes on licensing for the record.

icon	copyright OK	copyright info	license info	notes	notes
angular.svg	YES	Creative Commons license	https://angular.io/presskit
camel.svg	YES	apache	https://github.com/apache/camel-k/blob/master/LICENSE
che.svg	YES	Eclipse Foundation
cpp.svg	YES	standard c++ foundation	https://isocpp.org/home/terms-of-use
dotnetcore.svg	?	.NET Foundation	https://www.asp.net/terms-of-use	already in OpenShift	This one may need to be verified
go_new.svg	YES	Creative Commons license	https://blog.golang.org/go-brand	already in OpenShift	New logo!
java.svg	?	Oracle Java Licensing	http://www.oracle.com/us/technologies/java/java-licensing-logo-guidelines-1908204.pdf	already in OpenShift	This one may need to be verified
mainframe.svg	YES	Linux Foundation trademark usage guidelines	https://github.com/openmainframeproject/artwork
nodejs.svg	YES	Node.js Foundation	https://nodejs.org/static/documents/trademark-policy.pdf	already in OpenShift
php.svg	YES	PHP License	https://www.php.net/download-logos.php	already in OpenShift
python.svg	YES	Phython Foundation	https://www.python.org/community/logos/	already in OpenShift
quarkus	YES	Red Hat
rust.svg	YES	creative commons license	https://www.rust-lang.org/policies/media-guide
springboot.svg	YES	Pivotal	https://spring.io/trademarks
vertx.svg	YES	Eclipse Public License	https://github.com/eclipse-vertx/vert.x/blob/master/LICENSE.md

[beaumorley]

Also, there is a new Go logo. Can you can replace the original one I gave you with this one? Realized this when I read the licensing. Thank you.

go_new.svg.zip

[beaumorley]

Looks great.

…

On Sat, Jan 11, 2020 at 6:52 AM Oleksii Orel ***@***.***> wrote: Also, would it be possible to align the title at the top left (Getting Started with Eclipse Che) with the search control on the right? Like this? @beaumorley <https://github.com/beaumorley> The issue description has a bit outdated example, now a page looks like the following: [image: Screenshot from 2020-01-11 13-49-40] <https://user-images.githubusercontent.com/6310786/72203809-7cefd100-3479-11ea-8aaf-8efa1f98d8da.png> Is it good enough? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#15581>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMM2XIB5WE6TLOTJQARLGNTQ5GXGPANCNFSM4J72H7DA> .

-- *Beau Morley* Senior UX Designer User Experience Design Team bmorley@redhat.com

[beaumorley]

Hello team,

While verifying the licensing on the .NET and Java logos, I learned that the correct logo for .NET Core is a purple coin with .NET Core inside. Please replace the dotnet.svg logo I already provided with this new dotnetcore.svg.

dotnetcore.svg.zip

Thank you,
Beau