← Back to team overview

mahara-contributors team mailing list archive

[Bug 1934484] [NEW] Social Media Links and their Icons not working

 

Public bug reported:

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:andi@xxxxxxxxxxx";><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

** Affects: mahara
     Importance: Undecided
         Status: New


** Tags: favicon

** Attachment added: "The Form to enter a Social media Link"
   https://bugs.launchpad.net/bugs/1934484/+attachment/5508618/+files/Screen%20Shot%202021-07-02%20at%2012.26.07.png

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: mahara-contributors
https://bugs.launchpad.net/bugs/1934484

Title:
  Social Media Links and their Icons not working

Status in Mahara:
  New

Bug description:
  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:andi@xxxxxxxxxxx";><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

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1934484/+subscriptions


Follow ups