Discord and Twitch Social Profiles

[Nakamura RTS]

Currently there is only a very limited set of social media profiles available. It has been like this for far too long. Please add the several big missing platforms or the ability to add our own.

 

PS - please don't try to sell your plugins to me, folks. This stuff should be in the suite.

Edited May 13, 2019 by Nakamura0114

[Joy Rex]

You can add custom fields to user profiles for this

[Nakamura RTS]

2 hours ago, Joy Rex said:

You can add custom fields to user profiles for this

I'm talking about the social profiles for the site, not the users.

[Joy Rex]

Ah, okay - if anything, just having an "other" option to enter your own custom one would be useful... surprised they didn't do that (and give a facility to upload an icon with it).

[Nakamura RTS]

1.5+ years later still no sign of this.

Turns out you can add the twitch one at least in the siteSocialProfiles template - but not the discord, as the font awesome icon doesn't seem supported.

{{if \IPS\Settings::i()->site_social_profiles AND $links = json_decode( \IPS\Settings::i()->site_social_profiles, TRUE ) AND \count( $links )}}
	<style>
  		.cShareLink_twitch { background: #01856e; }
	</style>  

		<li class='cUserNav_icon'>
			<a href='https://www.twitch.tv/ChannelLink' target='_blank' class='cShareLink cShareLink_twitch' rel='noopener noreferrer'><i class='fa fa-twitch'></i></a>
		</li>

{{foreach $links as $profile}}
		<li class='cUserNav_icon'>
			<a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer'><i class='fa fa-{$profile['value']}'></i></a>
		</li>
	{{endforeach}}
{{endif}}

So, at the very least, the twitch option should be added to the dropdown.

[WP V0RT3X]

{{if \IPS\Settings::i()->site_social_profiles AND $links = json_decode( \IPS\Settings::i()->site_social_profiles, TRUE ) AND \count( $links )}}

<style>
  	.cShareLink_android { background: #689F38; }
    .cShareLink_discord { background: #8C9EFF; }
	.cShareLink_apple { background: #F76BC1; }  
	.cShareImage_discord { height: 20px; }
</style>  

		<li class='cUserNav_icon'>
			<a href='https://www.android.com' target='_blank' class='cShareLink cShareLink_android' rel='noopener noreferrer'><i class='fa fa-android'></i></a>
		</li>

		<li class='cUserNav_icon'>
			<a href='https://www.discord.com' target='_blank' class='cShareLink cShareLink_discord' rel='noopener noreferrer'><img class="cShareImage_discord" src="https://img.pngio.com/discord-transparent-server-icon-345018-free-icons-library-discord-icon-transparent-256_256.jpg" /></a>
		</li>

		<li class='cUserNav_icon'>
			<a href='https://www.apple.com' target='_blank' class='cShareLink cShareLink_apple' rel='noopener noreferrer'><i class='fa fa-apple'></i></a>
		</li>

{{foreach $links as $profile}}
		<li class='cUserNav_icon'>
			<a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer'><i class='fa fa-{$profile['value']}'></i></a>
		</li>
	{{endforeach}}
{{endif}}

Or simply use Font Awesome 5 

https://fontawesome.com/icons/discord?style=brands