Define icon for social media sites

[LisAndi - Andi Becker - http://lisandi.com]

We have installed newest update from Git Mahara and are trying to get the social Media Links section working.
Unfortunately it does not display all Icons, even it recognizes all icons on Google and could simply pull them actually from Google, but it is not doing it.

In the form where you can enter the links you can not add a custom image or much easier the image of the Google Favicons which exist for nearly all websites which have a favicon defined.

just as an example

<p><a href="https://andibecker.blogspot.com/" target="_blank" rel="noopener"><img title="Blogspot" src="https://www.google.com/s2/favicons?domain=andibecker.blogspot.com" alt="Blogspot" /></a> <a href="https://www.facebook.com/andibecker"><img title="Facebook" src="https://www.google.com/s2/favicons?domain=www.facebook.com" alt="Facebook" /></a> <a href="https://www.flickr.com/people/andibecker/"><img title="Flickr" src="https://www.google.com/s2/favicons?domain=www.flickr.com" alt="Flickr" /></a> <a href="https://foursquare.com/user/112412032"><img title="Foursquare" src="https://www.google.com/s2/favicons?domain=foursquare.com" alt="Foursquare" /></a> <a href="https://github.com/lisandi"><img title="GitHub" src="https://github.githubassets.com/favicons/favicon.png" alt="GitHub" width="28" height="28" /></a> <a href="https://line.me/"><img title="LineMe" src="https://www.google.com/s2/favicons?domain=www.line.me" alt="LineMe" /></a> <a href="https://www.linkedin.com/in/andibecker"><img title="LinkedIn" src="https://www.google.com/s2/favicons?domain=www.linkedin.com" alt="LinkedIn" /></a> <a href="https://lisandi.com/"><img title="LisAndi" src="https://www.google.com/s2/favicons?domain=lisandi.com" alt="LisAndi" /></a> <a href="mailto:<email address hidden>"><img title="Mail to Andi Becker" src="https://www.google.com/s2/favicons?domain=gmail.com" alt="Mail to Andi Becker" /></a> <a href="https://pinterest.com/andibecker/"><img title="Pinterest" src="https://www.google.com/s2/favicons?domain=pinterest.com" alt="Pinterest" /></a> <a href="http://signal.org/"><img title="Signal" src="https://www.google.com/s2/favicons?domain=signal.org" alt="Signal" /></a> <a><img title="Skype" src="https://www.google.com/s2/favicons?domain=skype.com" alt="Skype" /></a> <a href="https://soundcloud.com/andibecker/"><img title="Soundcloud" src="https://www.google.com/s2/favicons?domain=soundcloud.com" alt="Soundcloud" /></a> <a href="https://t.me/share/url?url=montessori.contact/andibecker/curriculum-vitae/&amp;text=Add%20Andi%20Becker%20to%20your%20Telegram%20+66816063378"><img title="Telegram" src="https://www.google.com/s2/favicons?domain=telegram.org" alt="Telegram" /></a> <a href="https://twitter.com/lisandi"><img title="Twitter" src="https://www.google.com/s2/favicons?domain=twitter.com" alt="Twitter" /></a> <a href="https://www.upwork.com/o/profiles/users/_~01000d9296a6b024db/"><img title="UpWork" src="https://www.google.com/s2/favicons?domain=www.upwork.com" alt="UpWork" /></a> <a href="https://wa.me/66816063378"><img title="WhatsApp" src="https://www.google.com/s2/favicons?domain=wa.me" alt="WhatsApp" /></a> <a href="https://web.archive.org/web/20180417141337/https://premium.wpmudev.org/pro/andibecker/"><img title="WordPress" src="https://www.google.com/s2/favicons?domain=wordpress.org" alt="WordPress" /></a> <a href="https://web.archive.org/web/20180417141337/https://premium.wpmudev.org/pro/andibecker/"><img title="WPMuDev" src="https://www.google.com/s2/favicons?domain=wpmudev.org" alt="WPMuDev" /></a> <a href="https://www.youtube.com/apapococ"><img title="Youtube" src="https://www.google.com/s2/favicons?domain=youtube.com" alt="Youtube" /></a></p>

Those show the links to my social media websites - entered in a Text block via html and as you can clearly see all - beside "GitHub" not sure why their favicon did only show up as a globe placeholder when used the Google Favicon settings, all others are pulled from Google. That is easy, saves a lot of headaches - especially for newbies and non programmers - and it saves space which is mostly limited on Mahara installations to users, so using an already existing online resource is very advised. A Remark concerning GDPR/DSGVO needs to be placed in the Privacy statement of course.

For all those who are VERY concerned about Google Mahara offers no chance to upload a custom I can - or like mentioned above to enter an already linkable image from an online resource or other existing and legally accessible webspace.

Besides that - as you can see in teh image - the Links display as text links in Frontend and in Backeend with Google Link paths and only favicon which have already been defined and exist on the Mahara installation display as Icons. It would be appreciated if there would bean option to enter a custom favicon and also a link filed so you woudl be able to enter a link to an image which is online available - i.e. the one of Google Favicon - instead. https://www.google.com/s2/favicons?domain=domain.name

[Kristina Hoeppner (kris-hoeppner)]

See also https://mahara.org/interaction/forum/topic.php?id=8875

[Kristina Hoeppner (kris-hoeppner)]

So, the wishlist item is to be able to define the icon used for a social media site, e.g. if for whatever reason the Google provided icon is not pulled or recognised correctly.