<xf:css src="uix_socialMedia.less" />
<xf:if contentcheck="true">
<ul class="uix_socialMedia">
<xf:contentcheck>
<xf:if is="$xf.options.th_facebookUrl_uix">
<li><a aria-label="Facebook" data-xf-init="tooltip" title="{{ phrase('facebook') }}" target="_blank" href="{$xf.options.th_facebookUrl_uix}">
<xf:fa icon="fab fa-facebook" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_deviantArtUrl_uix">
<li><a aria-label="Deviant Art" data-xf-init="tooltip" title="{{ phrase('uix_deviantArt') }}" target="_blank" href="{$xf.options.th_deviantArtUrl_uix}">
<xf:fa icon="fab fa-deviantart" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_discordUrl_uix">
<li><a aria-label="Discord" data-xf-init="tooltip" title="{{ phrase('option.th_discordUrl_uix') }}" target="_blank" href="{$xf.options.th_discordUrl_uix}">
<xf:fa icon="fab fa-discord" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_flickrUrl_uix">
<li><a aria-label="Flickr" data-xf-init="tooltip" title="{{ phrase('option.uix_flickr') }}" target="_blank" href="{$xf.options.th_flickrUrl_uix}">
<xf:fa icon="fab fa-flickr" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_gitHubUrl_uix">
<li><a aria-label="GitHub" data-xf-init="tooltip" title="{{ phrase('uix_github') }}" target="_blank" href="{$xf.options.th_gitHubUrl_uix}">
<xf:fa icon="fab fa-github-alt" />
</a></li>
</xf:if>
<xf:if is="$xf.versionId >= 2010010 && $xf.options.th_googlePlus_uix">
<li><a aria-label="Google Plus" data-xf-init="tooltip" title="{{ phrase('google_plus') }}" target="_blank" href="{$xf.options.th_googlePlus_uix}">
<xf:fa icon="fab fa-google-plus-g" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_instagramUrl_uix">
<li><a aria-label="Instagram" data-xf-init="tooltip" title="{{ phrase('uix_instagram') }}" target="_blank" href="{$xf.options.th_instagramUrl_uix}">
<xf:fa icon="fab fa-instagram" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_linkedInUrl_uix">
<li><a aria-label="LinkedIn" data-xf-init="tooltip" title="{{ phrase('uix_linkedin') }}" target="_blank" href="{$xf.options.th_linkedInUrl_uix}">
<xf:fa icon="fab fa-linkedin" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_pinterestUrl_uix">
<li><a aria-label="Pinterest" data-xf-init="tooltip" title="{{ phrase('pinterest') }}" target="_blank" href="{$xf.options.th_pinterestUrl_uix}">
<xf:fa icon="fab fa-pinterest" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_redditUrl_uix">
<li><a aria-label="Reddit" data-xf-init="tooltip" title="{{ phrase('reddit') }}" target="_blank" href="{$xf.options.th_redditUrl_uix}">
<xf:fa icon="fab fa-reddit" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_steamUrl_uix">
<li><a aria-label="Steam" data-xf-init="tooltip" title="{{ phrase('uix_steam') }}" target="_blank" href="{$xf.options.th_steamUrl_uix}">
<xf:fa icon="fab fa-steam" />
</a></li>
</xf:if>
<xf:comment>
<xf:if is="$xf.options.th_tumblrUrl_uix">
<li><a aria-label="Tumblr" data-xf-init="tooltip" title="{{ phrase('tumblr') }}" target="_blank" href="{$xf.options.th_tumblrUrl_uix}">
<xf:fa icon="fab fa-tumblr" />
</a></li>
</xf:if>
</xf:comment>
<xf:if is="$xf.options.th_twitchUrl_uix">
<li><a aria-label="Twitch" data-xf-init="tooltip" title="{{ phrase('uix_twitch') }}" target="_blank" href="{$xf.options.th_twitchUrl_uix}">
<xf:fa icon="fab fa-twitch" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_twitterUrl_uix">
<li><a aria-label="Twitter" data-xf-init="tooltip" title="{{ phrase('twitter') }}" target="_blank" href="{$xf.options.th_twitterUrl_uix}">
<xf:fa icon="fab fa-twitter" />
</a></li>
</xf:if>
<xf:if is="$xf.options.th_youtubeUrl_uix">
<li><a aria-label="YouTube" data-xf-init="tooltip" title="{{ phrase('uix_youtube') }}" target="_blank" href="{$xf.options.th_youtubeUrl_uix}">
<xf:fa icon="fab fa-youtube" />
</a></li>
</xf:if>
</xf:contentcheck>
</ul>
</xf:if>