Add new social icon bluesky in a mosaico template

[wyde22]

Hi,

I need to add a new icon of social network for a customer. This social network is bluesky.

For the newsletter in the project of customer, i use CiviVersafix-FR.

How add a new social media icon in mosaico ?

Thanks

[artfulrobot]

Link to mattermost thread

[totten]

I believe that everything around the social-network icon/link is part of the of the Mosaico HTML template -- i.e. Versafix.

There are multiple copies of the Versafix template floating around, eg

1. https://github.com/voidlabs/versafix-template (canonical upstream)
2. https://github.com/voidlabs/mosaico/blob/master/templates/versafix-1/ (copy bundled with Mosaico JS)
3. https://github.com/civicrm/mosaico/tree/v0.18.10-civicrm-1/templates/versafix-1 (copy of ^^^ bundled with this Civi-Moasico add-on; maybe with a few small tweaks)
4. https://lab.civicrm.org/homotechsual/CiviVersafix/ (copy of ^^^ with more tweaks)
5. https://github.com/MAKOA-France/CiviVersafix-FR/ (translation of ^^^)

Ideally, one can start with an issue/patch for voidlabs/versafix-template. The author there should have the strongest sense for good+bad ways to write the patch. If it's updated, then I expect all the downstreams to be receptive. (They may need a little nudge to act.)

(If upstream isn't keen, then fallback is to talk to someone downstream -- like here or CiviVersafix or CiviVersafix-FR.)

There's also the question of how exactly to write the patch. I don't have any clever advice... I suppose... search the code for twitter or tw, then understand that example, and then imitate it? 🙃

[francescbassas]

I think this repo would be the first place to start pushing it https://github.com/voidlabs/versafix-social-icons

[wyde22]

i try this solution : https://chat.civicrm.org/civicrm/pl/affxgr6j6bnz38bm3ba6xzak8r and i can generate an icon

[artfulrobot]

I've added a PR for this
voidlabs/versafix-social-icons#15

It includes Mastodon too

[agileware-justin]

From what I can tell, there are three blocks in the Mosaico template that need to be updated with the new social network links and icons:

1. Big Social Block
2. Share Block
3. Social Block

As shown below.