Add brand to matrix web client

[strk]

We want a branded favicon for matrix-client.osgeo.org It was already provided by volunteers: ​https://mapstodon.space/@strk/114183259995882930

It is a bit problematic to do: ​https://github.com/element-hq/element-web/issues/12020

We might need to upload from ansible at deploy time.

[strk]

So many icons to provide !

From view-source:https://matrix-client.osgeo.org/

    <link rel="apple-touch-icon" sizes="57x57" href="vector-icons/apple-touch-icon-57.915fe96.png">
    <link rel="apple-touch-icon" sizes="60x60" href="vector-icons/apple-touch-icon-60.578ef7b.png">
    <link rel="apple-touch-icon" sizes="72x72" href="vector-icons/apple-touch-icon-72.eb1bdb7.png">
    <link rel="apple-touch-icon" sizes="76x76" href="vector-icons/apple-touch-icon-76.d115188.png">
    <link rel="apple-touch-icon" sizes="114x114" href="vector-icons/apple-touch-icon-114.654cb86.png">
    <link rel="apple-touch-icon" sizes="120x120" href="vector-icons/apple-touch-icon-120.37c9043.png">
    <link rel="apple-touch-icon" sizes="144x144" href="vector-icons/apple-touch-icon-144.60718ab.png">
    <link rel="apple-touch-icon" sizes="152x152" href="vector-icons/apple-touch-icon-152.1944148.png">
    <link rel="apple-touch-icon" sizes="180x180" href="vector-icons/apple-touch-icon-180.5d60475.png">
    <link rel="shortcut icon" href="vector-icons/favicon.4c70c2b.ico">

This looks like a solution we could implement: ​https://github.com/element-hq/element-web/issues/12020#issuecomment-1453367292

[strk]

I've filed an issue to the OSGeo branding repo to save the icon contributed by Harry Wood: ​https://github.com/OSGeo/osgeo/issues/259

From there we could have Ansible download it and deploy it were needed. I guess I'd be happy with just the "shortcut icon" (a 48x48 size) but from the SVG I suppose we could generate all sizes too, and Ansible could change those lines in the index.html page of element-web

[strk]

I've pushed a matrix-web-branding branch to ansible-deployment as a draft implementation of branding and an associated PR: ​https://git.osgeo.org/gitea/sac/ansible-deployment/pulls/71 ( only visible to SAC members, sorry )

[strk]

lnicola did something on the container host with a script that changes the index.html file installed by the element package and a custom .deb package that invokes it when the element package installation modifies that file.

I don't know at the moment where the source code of that work is, hopefully he can say something here.

As a result, the current matrix-client.osgeo.org comes with an "osgeo-matrix" favicon as contributed by Harry Wood ( ​https://en.osm.town/@harry_wood )

[lnicola]

I don't know at the moment where the source code of that work is, hopefully he can say something here.

I think you found it already, given ​https://git.osgeo.org/gitea/lnicola/element-web-mangler/issues/1.

[lnicola]

I've added a brand to our Element, so it should at least be easier to find in the tab list.

[strk]

Yes, tab icon now is recognizable. There are other places that need to be branded, I guess, like #3376