Current File : /home/bravrvjk/cepurhuye.rw/wp-content/plugins/bopea-function/block//social.php
<?php
namespace bopeaElementor\Widgets;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Image_Size;
use Elementor\Group_Control_Typography;
use Elementor\Schemes\Color;
use Elementor\Schemes\Typography;
use Elementor\Utils;
use Elementor\Control_Media;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Group_Control_Background;
use Elementor\Repeater;
use Elementor\Icons_Manager;
if ( ! defined( 'ABSPATH' ) ) exit;
class bopea_social_list extends Widget_Base {
public $base;
public function get_name() {
return 'bopea-social-list';
}
public function get_title() {
return esc_html__( 'Social List', 'bopea-function' );
}
public function get_icon() {
return 'eicon-elementor-circle jl-icons';
}
public function get_categories() {
return [ 'bopea-elements' ];
}
protected function register_controls() {
$this->start_controls_section(
'section_tab',
[
'label' => esc_html__('Socials Settings', 'bopea-function'),
]
);
$this->add_control(
'facebook_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Facebook</b>',
]
);
$this->add_control(
'facebook_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'facebook_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'facebook_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Likes',
]
);
$this->add_control(
'twitter_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>X</b>',
]
);
$this->add_control(
'twitter_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'twitter_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '93k',
]
);
$this->add_control(
'twitter_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Follows',
]
);
$this->add_control(
'instagram_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Instagram</b>',
]
);
$this->add_control(
'instagram_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'instagram_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '32k',
]
);
$this->add_control(
'instagram_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Follows',
]
);
$this->add_control(
'pinterest_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Pinterest</b>',
]
);
$this->add_control(
'pinterest_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'pinterest_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '42k',
]
);
$this->add_control(
'pinterest_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Pin',
]
);
$this->add_control(
'youtube_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>YouTube</b>',
]
);
$this->add_control(
'youtube_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'youtube_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '100k',
]
);
$this->add_control(
'youtube_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Subscribers',
]
);
$this->add_control(
'vimeo_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Vimeo</b>',
]
);
$this->add_control(
'vimeo_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'vimeo_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '89k',
]
);
$this->add_control(
'vimeo_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'sound_cloud_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>SoundCloud</b>',
]
);
$this->add_control(
'sound_cloud_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
'default' => [
'url' => '#',
'is_external' => true,
'nofollow' => true,
]
]
);
$this->add_control(
'sound_cloud_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '76k',
]
);
$this->add_control(
'sound_cloud_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'spotify_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Spotify</b>',
]
);
$this->add_control(
'spotify_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'spotify_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '65k',
]
);
$this->add_control(
'spotify_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'whatsapp_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>WhatsApp</b>',
]
);
$this->add_control(
'whatsapp_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'whatsapp_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '65k',
]
);
$this->add_control(
'whatsapp_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'linkedin_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>LinkedIn</b>',
]
);
$this->add_control(
'linkedin_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'linkedin_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '21k',
]
);
$this->add_control(
'linkedin_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'behance_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Behance</b>',
]
);
$this->add_control(
'behance_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'behance_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '42k',
]
);
$this->add_control(
'behance_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'telegram_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Telegram</b>',
]
);
$this->add_control(
'telegram_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'telegram_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '88k',
]
);
$this->add_control(
'telegram_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'tumblr_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Tumblr</b>',
]
);
$this->add_control(
'tumblr_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'tumblr_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '77k',
]
);
$this->add_control(
'tumblr_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'deviantart_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>DeviantArt</b>',
]
);
$this->add_control(
'deviantart_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'deviantart_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '90k',
]
);
$this->add_control(
'deviantart_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'dribble_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Dribbble</b>',
]
);
$this->add_control(
'dribble_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'dribble_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'dribble_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'dropbox_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Dropbox</b>',
]
);
$this->add_control(
'dropbox_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'dropbox_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'dropbox_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'rss_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>RSS</b>',
]
);
$this->add_control(
'rss_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'rss_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'rss_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'skype_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Skype</b>',
]
);
$this->add_control(
'skype_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'skype_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'skype_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'stumbleupon_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>StumbleUpon</b>',
]
);
$this->add_control(
'stumbleupon_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'stumbleupon_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'stumbleupon_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'wordpress_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>WordPress</b>',
]
);
$this->add_control(
'wordpress_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'wordpress_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'wordpress_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'yahoo_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Yahoo</b>',
]
);
$this->add_control(
'yahoo_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'yahoo_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'yahoo_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'flickr_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Flickr</b>',
]
);
$this->add_control(
'flickr_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'flickr_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'flickr_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'wechat_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>WeChat</b>',
]
);
$this->add_control(
'wechat_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'wechat_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'wechat_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'tiktok_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>TikTok</b>',
]
);
$this->add_control(
'tiktok_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'tiktok_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'tiktok_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'vk_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>VK</b>',
]
);
$this->add_control(
'vk_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'vk_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'vk_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'discord_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Discord</b>',
]
);
$this->add_control(
'discord_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'discord_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'discord_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'snapchat_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>SnapChat</b>',
]
);
$this->add_control(
'snapchat_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'snapchat_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'snapchat_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'reddit_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Reddit</b>',
]
);
$this->add_control(
'reddit_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'reddit_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'reddit_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'threads_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Threads</b>',
]
);
$this->add_control(
'threads_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'threads_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'threads_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'google_news_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Google News</b>',
]
);
$this->add_control(
'google_news_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'google_news_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'google_news_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'flipboard_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Flipboard</b>',
]
);
$this->add_control(
'flipboard_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'flipboard_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'flipboard_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'iheartradio_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>iHeart Radio</b>',
]
);
$this->add_control(
'iheartradio_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'iheartradio_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'iheartradio_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'apple_podcasts_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Apple Podcasts</b>',
]
);
$this->add_control(
'apple_podcasts_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'apple_podcasts_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'apple_podcasts_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'google_podcasts_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Google Podcasts</b>',
]
);
$this->add_control(
'google_podcasts_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'google_podcasts_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'google_podcasts_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'stitcher_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Stitcher</b>',
]
);
$this->add_control(
'stitcher_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'stitcher_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'stitcher_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'patreon_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Patreon</b>',
]
);
$this->add_control(
'patreon_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'patreon_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'patreon_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'twitch_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Twitch</b>',
]
);
$this->add_control(
'twitch_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'twitch_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'twitch_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'medium_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Medium</b>',
]
);
$this->add_control(
'medium_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'medium_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'medium_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'gitlab_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>GitLab</b>',
]
);
$this->add_control(
'gitlab_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'gitlab_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'gitlab_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'newsletter_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Newsletter</b>',
]
);
$this->add_control(
'newsletter_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'newsletter_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'newsletter_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'quora_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Quora</b>',
]
);
$this->add_control(
'quora_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'quora_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'quora_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'bluesky_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>Bluesky</b>',
]
);
$this->add_control(
'bluesky_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'bluesky_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'bluesky_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->add_control(
'mastodon_info',
[
'type' => Controls_Manager::RAW_HTML,
'separator' => 'before',
'raw' => '<b>mastodon</b>',
]
);
$this->add_control(
'mastodon_url',
[
'label' =>esc_html__( 'Social URL', 'bopea-function' ),
'label_block' => true,
'type' => Controls_Manager::URL,
]
);
$this->add_control(
'mastodon_count', [
'label' => esc_html__( 'Number follow', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => '23k',
]
);
$this->add_control(
'mastodon_label', [
'label' => esc_html__( 'Label social', 'bopea-function' ),
'type' => Controls_Manager::TEXT,
'default' => 'Followers',
]
);
$this->end_controls_section();
//Title Style Section
$this->start_controls_section(
'section_tab_style', [
'label' => esc_html__( 'Socials Custom Style', 'bopea-function' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'jl_sh_layout',
array(
'label' => esc_html__( 'Social layout', 'bopea-function' ),
'type' => Controls_Manager::SELECT,
'options' => [
'style1' => esc_html__( 'Layout with background', 'bopea-function' ),
'style2' => esc_html__( 'Layout icon background', 'bopea-function' ),
'style3' => esc_html__( 'Layout border background', 'bopea-function' ),
'style4' => esc_html__( 'Layout block icon background', 'bopea-function' ),
'style5' => esc_html__( 'Layout block with background', 'bopea-function' ),
'style6' => esc_html__( 'Layout only icons', 'bopea-function' ),
'style7' => esc_html__( 'Layout only icons with background color', 'bopea-function' ),
'style8' => esc_html__( 'Layout only icons with border', 'bopea-function' ),
'style9' => esc_html__( 'Layout only icons color', 'bopea-function' ),
],
'default' => 'style1',
)
);
$this->add_responsive_control(
'area_alignment',
[
'label' => esc_html__( 'Alignment', 'bopea-function' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'bopea-function' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'bopea-function' ),
'icon' => 'eicon-text-align-center',
],
'flex-end' => [
'title' => esc_html__( 'Right', 'bopea-function' ),
'icon' => 'eicon-text-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .jl_sh_ctericons, {{WRAPPER}} .jl_wr_soci' => 'justify-content: {{VALUE}};',
],
'condition' => [
'jl_sh_layout' => ['style6', 'style7', 'style8', 'style9']
]
]
);
$this->add_control(
'jl_hscale',
[
'label' => esc_html__( 'Hover scale', 'bopea-function' ),
'type' => Controls_Manager::SWITCHER,
'selectors' => [
'{{WRAPPER}} .jl_sh_ctericons li:hover, {{WRAPPER}} .jl_sh_ctericons_bg li:hover' => 'transform: scale(1.1) !important;',
'{{WRAPPER}} .jl_sh_ctericons li, {{WRAPPER}} .jl_sh_ctericons_bg li' => 'transition: all 0.3s ease 0s !important;',
],
'condition' => [
'jl_sh_layout' => ['style6', 'style7', 'style8', 'style9']
]
]
);
$this->add_control(
'iconss_color',
[
'label' => __( 'Icons color', 'bopea-function' ),
'type' => Controls_Manager::COLOR,
'default' => '#000',
'selectors' => [
'{{WRAPPER}} .jl_sh_ctericons li a' => 'color: {{VALUE}}',
],
'condition' => [
'jl_sh_layout' => ['style6']
]
]
);
$this->add_control(
'iconss_color_dark',
[
'label' => __( 'Icons color dark mode', 'bopea-function' ),
'default' => '#FFF',
'type' => Controls_Manager::COLOR,
'selectors' => [
'.options_dark_skin {{WRAPPER}} .jl_sh_ctericons li a' => 'color: {{VALUE}}',
],
'condition' => [
'jl_sh_layout' => ['style6']
]
]
);
$this->add_control(
'iconss_colorh',
[
'label' => __( 'Icons hover color', 'bopea-function' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .jl_sh_ctericons li a:hover' => 'color: {{VALUE}}',
],
'condition' => [
'jl_sh_layout' => ['style6']
]
]
);
$this->add_control(
'iconss_colorh_dark',
[
'label' => __( 'Icons hover color dark mode', 'bopea-function' ),
'default' => '',
'type' => Controls_Manager::COLOR,
'selectors' => [
'.options_dark_skin {{WRAPPER}} .jl_sh_ctericons li a:hover' => 'color: {{VALUE}}',
],
'condition' => [
'jl_sh_layout' => ['style6']
]
]
);
$this->add_responsive_control(
'slcitems7_size',
[
'label' => __( 'Icons width + height', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 38,
],
'range' => [
'px' => [
'min' => 1,
'max' => 200,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}}' => '--jl-icob-size: {{SIZE}}px;',
],
'condition' => [
'jl_sh_layout' => ['style7', 'style8']
]
]
);
$this->add_responsive_control(
'jl_item_cols',
[
'label' => __( 'Number of columns', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 4,
],
'tablet_default' => [
'size' => 4,
],
'mobile_default' => [
'size' => 1,
],
'range' => [
'px' => [
'min' => 1,
'max' => 20,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}} .jl_sh_cter' => '--jl-scols-num: {{SIZE}};',
],
'condition' => [
'jl_sh_layout!' => ['style6', 'style7', 'style8', 'style9']
]
]
);
$this->add_responsive_control(
'jl_item_cols_space',
[
'label' => __( 'Columns space', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 10,
],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}}' => '--jl-scols-gap: {{SIZE}}{{UNIT}};',
]
]
);
$this->add_responsive_control(
'jl_item_row_space',
[
'label' => __( 'Row space', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 10,
],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}}' => '--jl-srows-gap: {{SIZE}}{{UNIT}};',
]
]
);
$this->add_responsive_control(
'slcicons_size',
[
'label' => __( 'Icons size', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 200,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}}' => '--jl-shi-size: {{SIZE}}px;',
]
]
);
$this->add_responsive_control(
'sltfont_size',
[
'label' => __( 'Title font size', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 500,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}} .jl_sh_cter li a .jl_sh_t' => 'font-size: {{SIZE}}{{UNIT}} !important;',
],
'condition' => [
'jl_sh_layout' => ['style1', 'style2', 'style3']
]
]
);
$this->add_responsive_control(
'slcfont_size',
[
'label' => __( 'Counter font size', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 500,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}} .jl_sh_cter li a .jl_sh_w .jl_sh_c' => 'font-size: {{SIZE}}{{UNIT}} !important;',
],
'condition' => [
'jl_sh_layout!' => ['style6', 'style7', 'style8', 'style9']
]
]
);
$this->add_responsive_control(
'sllfont_size',
[
'label' => __( 'Label font size', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 500,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}} .jl_sh_cter li a .jl_sh_w .jl_sh_l' => 'font-size: {{SIZE}}{{UNIT}} !important;',
],
'condition' => [
'jl_sh_layout!' => ['style6', 'style7', 'style8', 'style9']
]
]
);
$this->add_responsive_control(
'sh_radius',
[
'label' => __( 'Border radius', 'bopea-function' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 500,
'step' => 1,
]
],
'selectors' => [
'{{WRAPPER}}' => '--jl-social-radius: {{SIZE}}{{UNIT}};',
],
'condition' => [
'jl_sh_layout' => ['style1', 'style3', 'style5', 'style7', 'style8']
]
]
);
$this->add_control(
'border_iconss_color',
[
'label' => __( 'Border color', 'bopea-function' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}' => '--jl-social-border: {{VALUE}}',
],
'condition' => [
'jl_sh_layout' => ['style3', 'style8']
]
]
);
$this->add_control(
'border_iconss_color_dark',
[
'label' => __( 'Border color dark mode', 'bopea-function' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.options_dark_skin {{WRAPPER}}' => '--jl-social-border: {{VALUE}}',
],
'condition' => [
'jl_sh_layout' => ['style3', 'style8']
]
]
);
$this->add_control(
'icons_skins',
[
'label' => __( 'Icons skin color', 'bopea-function' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .jl_wr_soci' => '--jl-social-skin: {{VALUE}}',
]
]
);
$this->add_control(
'jl_hide_name',
[
'label' => esc_html__( 'Hide social name', 'bopea-function' ),
'type' => Controls_Manager::SWITCHER,
'selectors' => array(
'{{WRAPPER}} .jl_wr_soci .jl_sh_t' => 'display: none !important;',
),
'condition' => [
'jl_sh_layout' => ['style1', 'style2', 'style3', 'style4', 'style5']
]
]
);
$this->add_control(
'jl_hide_count',
[
'label' => esc_html__( 'Hide social count', 'bopea-function' ),
'type' => Controls_Manager::SWITCHER,
'selectors' => array(
'{{WRAPPER}} .jl_wr_soci .jl_sh_c' => 'display: none !important;',
),
'condition' => [
'jl_sh_layout' => ['style1', 'style2', 'style3', 'style4', 'style5']
]
]
);
$this->add_control(
'jl_hide_info',
[
'label' => esc_html__( 'Hide social info', 'bopea-function' ),
'type' => Controls_Manager::SWITCHER,
'selectors' => array(
'{{WRAPPER}} .jl_wr_soci .jl_sh_l' => 'display: none !important;',
),
'condition' => [
'jl_sh_layout' => ['style1', 'style2', 'style3', 'style4', 'style5']
]
]
);
$this->end_controls_section();
}
protected function render( ) {
$settings = $this->get_settings_for_display();
$jl_sh_layout = $settings['jl_sh_layout'];
switch ( $jl_sh_layout ) {
case 'style1':
$jl_sh_class = 'jl_sh_cter jl_sh1';
break;
case 'style2':
$jl_sh_class = 'jl_sh_cter jl_sh2';
break;
case 'style3':
$jl_sh_class = 'jl_sh_cter jl_sh2 jl2line';
break;
case 'style4':
$jl_sh_class = 'jl_sh_cter jl_sh2 jl2cols';
break;
case 'style5':
$jl_sh_class = 'jl_sh_cter jl_sh1 jl2cols';
break;
case 'style6':
$jl_sh_class = 'jl_sh_ctericons jlshsc';
break;
case 'style7':
$jl_sh_class = 'jl_sh_ctericons_bg';
break;
case 'style8':
$jl_sh_class = 'jl_sh_ctericons jl_shline';
break;
case 'style9':
$jl_sh_class = 'jl_sh_ctericons jlshcolor';
break;
}
?>
<ul class="jl_wr_soci <?php echo $jl_sh_class;?>">
<?php if ( ! empty( $settings['facebook_url']['url'] ) ) {
$this->add_link_attributes( 'facebook_url', $settings['facebook_url'] );
?>
<li class="jl_facebook_url" style="--jl-social-color:#4080FF;">
<a aria-label="<?php esc_html_e('facebook', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'facebook_url' ); ?>>
<span class="jl_sh_i"><i class="jli-facebook"></i></span>
<span class="jl_sh_t">Facebook</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['facebook_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['facebook_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['twitter_url']['url'] ) ) {
$this->add_link_attributes( 'twitter_url', $settings['twitter_url'] );
?>
<li class="jl_twitter_url jl_dk_sc" style="--jl-social-color:var(--jl-social-skin, #000);">
<a aria-label="<?php esc_html_e('X', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'twitter_url' ); ?>>
<span class="jl_sh_i"><i class="jli-x"></i></span>
<span class="jl_sh_t"></span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['twitter_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['twitter_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['instagram_url']['url'] ) ) {
$this->add_link_attributes( 'instagram_url', $settings['instagram_url'] );
?>
<li class="jl_instagram_url" style="--jl-social-color:#5e368b;">
<a aria-label="<?php esc_html_e('instagram', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'instagram_url' ); ?>>
<span class="jl_sh_i"><i class="jli-instagram"></i></span>
<span class="jl_sh_t">Instagram</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['instagram_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['instagram_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['pinterest_url']['url'] ) ) {
$this->add_link_attributes( 'pinterest_url', $settings['pinterest_url'] );
?>
<li class="jl_pinterest_url" style="--jl-social-color:#bd081c;">
<a aria-label="<?php esc_html_e('pinterest', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'pinterest_url' ); ?>>
<span class="jl_sh_i"><i class="jli-pinterest"></i></span>
<span class="jl_sh_t">Pinterest</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['pinterest_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['pinterest_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['youtube_url']['url'] ) ) {
$this->add_link_attributes( 'youtube_url', $settings['youtube_url'] );
?>
<li class="jl_youtube_url" style="--jl-social-color:#ff0000;">
<a aria-label="<?php esc_html_e('YouTube', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'youtube_url' ); ?>>
<span class="jl_sh_i"><i class="jli-youtube"></i></span>
<span class="jl_sh_t">YouTube</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['youtube_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['youtube_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['vimeo_url']['url'] ) ) {
$this->add_link_attributes( 'vimeo_url', $settings['vimeo_url'] );
?>
<li class="jl_vimeo_url" style="--jl-social-color:#1ab7ea;">
<a aria-label="<?php esc_html_e('vimeo', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'vimeo_url' ); ?>>
<span class="jl_sh_i"><i class="jli-vimeo"></i></span>
<span class="jl_sh_t">Vimeo</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['vimeo_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['vimeo_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['sound_cloud_url']['url'] ) ) {
$this->add_link_attributes( 'sound_cloud_url', $settings['sound_cloud_url'] );
?>
<li class="jl_sound_cloud_url" style="--jl-social-color:#ff5500;">
<a aria-label="<?php esc_html_e('SoundCloud', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'sound_cloud_url' ); ?>>
<span class="jl_sh_i"><i class="jli-soundcloud"></i></span>
<span class="jl_sh_t">SoundCloud</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['sound_cloud_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['sound_cloud_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['spotify_url']['url'] ) ) {
$this->add_link_attributes( 'spotify_url', $settings['spotify_url'] );
?>
<li class="jl_spotify_url" style="--jl-social-color:#1db954;">
<a aria-label="<?php esc_html_e('spotify', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'spotify_url' ); ?>>
<span class="jl_sh_i"><i class="jli-spotify"></i></span>
<span class="jl_sh_t">Spotify</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['spotify_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['spotify_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['whatsapp_url']['url'] ) ) {
$this->add_link_attributes( 'whatsapp_url', $settings['whatsapp_url'] );
?>
<li class="jl_whatsapp_url" style="--jl-social-color:#30d24f;">
<a aria-label="<?php esc_html_e('WhatsApp', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'whatsapp_url' ); ?>>
<span class="jl_sh_i"><i class="jli-whatsapp"></i></span>
<span class="jl_sh_t">WhatsApp</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['whatsapp_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['whatsapp_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['linkedin_url']['url'] ) ) {
$this->add_link_attributes( 'linkedin_url', $settings['linkedin_url'] );
?>
<li class="jl_linkedin_url" style="--jl-social-color:#0a66c2;">
<a aria-label="<?php esc_html_e('LinkedIn', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'linkedin_url' ); ?>>
<span class="jl_sh_i"><i class="jli-linkedin"></i></span>
<span class="jl_sh_t">LinkedIn</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['linkedin_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['linkedin_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['behance_url']['url'] ) ) {
$this->add_link_attributes( 'behance_url', $settings['behance_url'] );
?>
<li class="jl_behance_url" style="--jl-social-color:#1769ff;">
<a aria-label="<?php esc_html_e('behance', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'behance_url' ); ?>>
<span class="jl_sh_i"><i class="jli-behance"></i></span>
<span class="jl_sh_t">Behance</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['behance_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['behance_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['telegram_url']['url'] ) ) {
$this->add_link_attributes( 'telegram_url', $settings['telegram_url'] );
?>
<li class="jl_telegram_url" style="--jl-social-color:#0088cc;">
<a aria-label="<?php esc_html_e('telegram', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'telegram_url' ); ?>>
<span class="jl_sh_i"><i class="jli-telegram"></i></span>
<span class="jl_sh_t">Telegram</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['telegram_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['telegram_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['tumblr_url']['url'] ) ) {
$this->add_link_attributes( 'tumblr_url', $settings['tumblr_url'] );
?>
<li class="jl_tumblr_url" style="--jl-social-color:#2c4762;">
<a aria-label="<?php esc_html_e('tumblr', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'tumblr_url' ); ?>>
<span class="jl_sh_i"><i class="jli-tumblr"></i></span>
<span class="jl_sh_t">Tumblr</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['tumblr_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['tumblr_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['deviantart_url']['url'] ) ) {
$this->add_link_attributes( 'deviantart_url', $settings['deviantart_url'] );
?>
<li class="jl_deviantart_url" style="--jl-social-color:#008e41;">
<a aria-label="<?php esc_html_e('DeviantArt', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'deviantart_url' ); ?>>
<span class="jl_sh_i"><i class="jli-deviantart"></i></span>
<span class="jl_sh_t">DeviantArt</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['deviantart_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['deviantart_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['dribble_url']['url'] ) ) {
$this->add_link_attributes( 'dribble_url', $settings['dribble_url'] );
?>
<li class="jl_dribble_url" style="--jl-social-color:#ea4c89;">
<a aria-label="<?php esc_html_e('dribbble', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'dribble_url' ); ?>>
<span class="jl_sh_i"><i class="jli-dribble"></i></span>
<span class="jl_sh_t">Dribbble</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['dribble_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['dribble_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['dropbox_url']['url'] ) ) {
$this->add_link_attributes( 'dropbox_url', $settings['dropbox_url'] );
?>
<li class="jl_dropbox_url" style="--jl-social-color:#007ee5;">
<a aria-label="<?php esc_html_e('dropbox', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'dropbox_url' ); ?>>
<span class="jl_sh_i"><i class="jli-dropbox"></i></span>
<span class="jl_sh_t">Dropbox</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['dropbox_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['dropbox_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['rss_url']['url'] ) ) {
$this->add_link_attributes( 'rss_url', $settings['rss_url'] );
?>
<li class="jl_rss_url" style="--jl-social-color:#ff6600;">
<a aria-label="<?php esc_html_e('rss', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'rss_url' ); ?>>
<span class="jl_sh_i"><i class="jli-rss"></i></span>
<span class="jl_sh_t">RSS</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['rss_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['rss_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['skype_url']['url'] ) ) {
$this->add_link_attributes( 'skype_url', $settings['skype_url'] );
?>
<li class="jl_skype_url" style="--jl-social-color:#00aff0;">
<a aria-label="<?php esc_html_e('skype', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'skype_url' ); ?>>
<span class="jl_sh_i"><i class="jli-skype"></i></span>
<span class="jl_sh_t">Skype</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['skype_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['skype_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['stumbleupon_url']['url'] ) ) {
$this->add_link_attributes( 'stumbleupon_url', $settings['stumbleupon_url'] );
?>
<li class="jl_stumbleupon_url" style="--jl-social-color:#e94826;">
<a aria-label="<?php esc_html_e('StumbleUpon', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'stumbleupon_url' ); ?>>
<span class="jl_sh_i"><i class="jli-stumbleupon"></i></span>
<span class="jl_sh_t">StumbleUpon</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['stumbleupon_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['stumbleupon_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['wordpress_url']['url'] ) ) {
$this->add_link_attributes( 'wordpress_url', $settings['wordpress_url'] );
?>
<li class="jl_wordpress_url" style="--jl-social-color:#1f7297;">
<a aria-label="<?php esc_html_e('WordPress', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'wordpress_url' ); ?>>
<span class="jl_sh_i"><i class="jli-wordpress"></i></span>
<span class="jl_sh_t">WordPress</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['wordpress_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['wordpress_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['yahoo_url']['url'] ) ) {
$this->add_link_attributes( 'yahoo_url', $settings['yahoo_url'] );
?>
<li class="jl_yahoo_url" style="--jl-social-color:#6001d2;">
<a aria-label="<?php esc_html_e('Yahoo', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'yahoo_url' ); ?>>
<span class="jl_sh_i"><i class="jli-yahoo"></i></span>
<span class="jl_sh_t">Yahoo</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['yahoo_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['yahoo_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['flickr_url']['url'] ) ) {
$this->add_link_attributes( 'flickr_url', $settings['flickr_url'] );
?>
<li class="jl_flickr_url" style="--jl-social-color:#f40083;">
<a aria-label="<?php esc_html_e('flickr', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'flickr_url' ); ?>>
<span class="jl_sh_i"><i class="jli-flickr"></i></span>
<span class="jl_sh_t">Flickr</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['flickr_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['flickr_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['wechat_url']['url'] ) ) {
$this->add_link_attributes( 'wechat_url', $settings['wechat_url'] );
?>
<li class="jl_wechat_url" style="--jl-social-color:#2bbc22;">
<a aria-label="<?php esc_html_e('WeChat', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'wechat_url' ); ?>>
<span class="jl_sh_i"><i class="jli-wechat"></i></span>
<span class="jl_sh_t">WeChat</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['wechat_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['wechat_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['tiktok_url']['url'] ) ) {
$this->add_link_attributes( 'tiktok_url', $settings['tiktok_url'] );
?>
<li class="jl_tiktok_url jl_dk_sc" style="--jl-social-color:var(--jl-social-skin, #000);">
<a aria-label="<?php esc_html_e('tiktok', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'tiktok_url' ); ?>>
<span class="jl_sh_i"><i class="jli-tiktok"></i></span>
<span class="jl_sh_t">TikTok</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['tiktok_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['tiktok_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['vk_url']['url'] ) ) {
$this->add_link_attributes( 'vk_url', $settings['vk_url'] );
?>
<li class="jl_vk_url" style="--jl-social-color:#0077fc;">
<a aria-label="<?php esc_html_e('VK', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'vk_url' ); ?>>
<span class="jl_sh_i"><i class="jli-vk"></i></span>
<span class="jl_sh_t">VK</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['vk_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['vk_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['discord_url']['url'] ) ) {
$this->add_link_attributes( 'discord_url', $settings['discord_url'] );
?>
<li class="jl_discord_url" style="--jl-social-color:#5663eb;">
<a aria-label="<?php esc_html_e('Discord', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'discord_url' ); ?>>
<span class="jl_sh_i"><svg height="13px" xmlns="http://www.w3.org/2000/svg" viewBox="1.96 4.26 20.03 15.53"><path fill="currentColor" d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z"></path></svg></span>
<span class="jl_sh_t">Discord</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['discord_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['discord_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['snapchat_url']['url'] ) ) {
$this->add_link_attributes( 'snapchat_url', $settings['snapchat_url'] );
?>
<li class="jl_snapchat_url" style="--jl-social-color:#f8f530; --jl-social-txt:#000;">
<a aria-label="<?php esc_html_e('SnapChat', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'snapchat_url' ); ?>>
<span class="jl_sh_i"><svg height="18px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M12.166 3c.796 0 3.495.223 4.769 3.073.426.959.324 2.589.24 3.898l-.002.047c-.011.146-.018.278-.024.41a.62.62 0 0 0 .322.072c.241-.013.53-.096.831-.241a.81.81 0 0 1 .373-.084c.146 0 .289.023.409.072.361.12.59.385.59.674.013.361-.313.675-.975.939-.071.023-.169.061-.276.096-.363.109-.917.289-1.073.651-.072.181-.049.421.098.697l.012.013c.048.109 1.228 2.795 3.854 3.229a.401.401 0 0 1 .337.409c0 .06-.013.119-.036.181-.193.457-1.023.795-2.53 1.021-.047.073-.096.302-.132.459-.022.144-.06.289-.107.444-.061.218-.217.325-.446.325h-.024a2.45 2.45 0 0 1-.433-.059 4.799 4.799 0 0 0-1.024-.108c-.24 0-.48.012-.732.06-.483.084-.904.373-1.386.71-.687.481-1.469 1.036-2.649 1.036-.048 0-.096-.012-.146-.012h-.119c-1.181 0-1.951-.543-2.637-1.036-.481-.338-.89-.626-1.373-.711a5.507 5.507 0 0 0-.745-.06c-.435 0-.771.072-1.023.12-.17.035-.314.059-.435.059a.45.45 0 0 1-.47-.337c-.048-.154-.071-.313-.107-.456-.038-.146-.085-.396-.133-.458-1.543-.179-2.373-.517-2.565-.986a.473.473 0 0 1-.044-.181.398.398 0 0 1 .337-.409c2.625-.434 3.805-3.119 3.854-3.232l.013-.023c.145-.277.18-.52.096-.699-.156-.349-.711-.529-1.07-.65a1.759 1.759 0 0 1-.279-.096c-.89-.35-1.011-.748-.962-1.024.072-.384.541-.637.939-.637.117 0 .217.023.308.06.337.155.635.241.888.241a.742.742 0 0 0 .373-.085l-.041-.458c-.08-1.307-.182-2.935.247-3.889 1.236-2.836 3.929-3.054 4.724-3.054L12.117 3h.049z"></path></svg></span>
<span class="jl_sh_t">SnapChat</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['snapchat_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['snapchat_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['reddit_url']['url'] ) ) {
$this->add_link_attributes( 'reddit_url', $settings['reddit_url'] );
?>
<li class="jl_reddit_url" style="--jl-social-color:#ff4c10;">
<a aria-label="<?php esc_html_e('Reddit', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'reddit_url' ); ?>>
<span class="jl_sh_i"><svg height="14px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="1.97 2.9 16.02 14.2"><g><path d="M18 10.1c0-1-.8-1.8-1.8-1.7-.4 0-.9.2-1.2.5-1.4-.9-3-1.5-4.7-1.5l.8-3.8 2.6.6c0 .7.6 1.2 1.3 1.2.7 0 1.2-.6 1.2-1.3 0-.7-.6-1.2-1.3-1.2-.5 0-.9.3-1.1.7L11 2.9h-.2c-.1 0-.1.1-.1.2l-1 4.3C8 7.4 6.4 7.9 5 8.9c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5c.1.1.3.3.5.3v.5c0 2.7 3.1 4.9 7 4.9s7-2.2 7-4.9v-.5c.6-.3 1-.9 1-1.6zM6 11.4c0-.7.6-1.2 1.2-1.2.7 0 1.2.6 1.2 1.2s-.6 1.2-1.2 1.2c-.7 0-1.2-.5-1.2-1.2zm7 3.3c-.9.6-1.9 1-3 .9-1.1 0-2.1-.3-3-.9-.1-.1-.1-.3 0-.5.1-.1.3-.1.4 0 .7.5 1.6.8 2.5.7.9.1 1.8-.2 2.5-.7.1-.1.3-.1.5 0s.2.3.1.5zm-.3-2.1c-.7 0-1.2-.6-1.2-1.2s.6-1.2 1.2-1.2c.7 0 1.2.6 1.2 1.2.1.7-.5 1.2-1.2 1.2z"></path></g></svg></span>
<span class="jl_sh_t">Reddit</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['reddit_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['reddit_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['threads_url']['url'] ) ) {
$this->add_link_attributes( 'threads_url', $settings['threads_url'] );
?>
<li class="jl_threads_url jl_dk_sc" style="--jl-social-color:var(--jl-social-skin, #000);">
<a aria-label="<?php esc_html_e('Threads', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'threads_url' ); ?>>
<span class="jl_sh_i"><svg height="1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 439.999 511.429"><path fill-rule="nonzero" d="M342.382 237.037a175.843 175.843 0 00-6.707-3.045c-3.947-72.737-43.692-114.379-110.428-114.805-38.505-.256-72.972 15.445-94.454 48.041l36.702 25.178c15.265-23.159 39.221-28.097 56.864-28.097.203 0 .408 0 .61.003 21.973.139 38.555 6.528 49.287 18.987 7.81 9.071 13.034 21.606 15.62 37.425-19.482-3.312-40.552-4.329-63.077-3.039-63.449 3.656-104.24 40.661-101.5 92.081 1.39 26.083 14.384 48.522 36.586 63.18 18.773 12.391 42.95 18.451 68.078 17.08 33.183-1.819 59.214-14.48 77.376-37.631 13.793-17.579 22.516-40.362 26.368-69.068 15.814 9.543 27.535 22.103 34.007 37.2 11.007 25.665 11.648 67.84-22.764 102.222-30.15 30.121-66.392 43.151-121.164 43.554-60.757-.45-106.707-19.934-136.582-57.914-27.976-35.563-42.434-86.93-42.973-152.675.539-65.745 14.997-117.113 42.973-152.675 29.875-37.979 75.824-57.464 136.581-57.914 61.197.455 107.948 20.033 138.967 58.195 15.21 18.713 26.677 42.248 34.236 69.688l43.011-11.476c-9.163-33.775-23.581-62.881-43.203-87.017C357.031 25.59 298.872.519 223.935 0h-.3C148.851.518 91.343 25.683 52.709 74.794 18.331 118.498.598 179.308.002 255.534l-.002.18.002.18c.596 76.226 18.329 137.037 52.707 180.741 38.634 49.11 96.142 74.277 170.926 74.794h.3c66.487-.462 113.352-17.868 151.96-56.442 50.511-50.463 48.991-113.717 32.342-152.548-11.944-27.847-34.716-50.464-65.855-65.402zm-114.795 107.93c-27.809 1.566-56.7-10.917-58.124-37.652-1.056-19.823 14.108-41.942 59.83-44.577 5.237-.302 10.375-.45 15.422-.45 16.609 0 32.146 1.613 46.272 4.702-5.268 65.798-36.173 76.483-63.4 77.977z"/></svg></span>
<span class="jl_sh_t">Threads</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['threads_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['threads_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['google_news_url']['url'] ) ) {
$this->add_link_attributes( 'google_news_url', $settings['google_news_url'] );
?>
<li class="jl_google_news_url" style="--jl-social-color:#5690f5;">
<a aria-label="<?php esc_html_e('Google News', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'google_news_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1em" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 2.19 24 19.63"><path d="M21.267 21.2a.614.614 0 0 1-.613.613H3.344a.614.614 0 0 1-.612-.613V8.115a.614.614 0 0 1 .613-.613h17.309a.614.614 0 0 1 .613.613V21.2zm-3.032-3.42v-1.195a.08.08 0 0 0-.08-.08h-5.373v1.361h5.373a.082.082 0 0 0 .08-.083v-.003zm.817-2.587v-1.201a.08.08 0 0 0-.079-.082h-6.19v1.362h6.189a.079.079 0 0 0 .08-.078v-.004.003zm-.817-2.588V11.4a.08.08 0 0 0-.08-.08h-5.373v1.361h5.373a.082.082 0 0 0 .08-.079v.004zM8.15 14.045v1.226h1.77c-.145.748-.804 1.292-1.77 1.292a1.976 1.976 0 0 1 0-3.95 1.77 1.77 0 0 1 1.253.49l.934-.932a3.14 3.14 0 0 0-2.187-.853 3.268 3.268 0 1 0 0 6.537c1.89 0 3.133-1.328 3.133-3.197a3.941 3.941 0 0 0-.052-.619l-3.08.006zM2.27 7.654a.616.616 0 0 1 .613-.613h12.154l-1.269-3.49a.595.595 0 0 0-.743-.383L.368 7.775a.594.594 0 0 0-.323.775l2.225 6.112V7.654za.616.616 0 0 1 .613-.613h12.154l-1.269-3.49a.595.595 0 0 0-.743-.383L.368 7.775a.594.594 0 0 0-.323.775l2.225 6.112V7.654zm21.312-.31-8.803-2.37.751 2.067h5.584a.614.614 0 0 1 .613.613v8.794l2.247-8.366a.592.592 0 0 0-.392-.739zm-4.496-1.675V2.795a.61.61 0 0 0-.611-.608H5.524a.61.61 0 0 0-.616.605v2.837l8.39-3.052a.594.594 0 0 1 .743.39l.544 1.497 4.501 1.205z"></path></svg></span>
<span class="jl_sh_t">Google News</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['google_news_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['google_news_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['flipboard_url']['url'] ) ) {
$this->add_link_attributes( 'flipboard_url', $settings['flipboard_url'] );
?>
<li class="jl_flipboard_url" style="--jl-social-color:#f42c32;">
<a aria-label="<?php esc_html_e('Flipboard', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'flipboard_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1em" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="1 1 12 12"><path d="m 6.9999999,0.99982 5.9993001,0 0,1.99835 0,1.99357 -1.993367,0 -1.9980673,0 -0.014998,1.99357 -0.01,1.99835 -1.9980669,0.01 -1.9933674,0.0146 -0.014998,1.99835 -0.01,1.99357 -1.9834686,0 -1.9836686,0 0,-6.00006 0,-5.99994 5.9992001,0 z"></path></svg></span>
<span class="jl_sh_t">Flipboard</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['flipboard_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['flipboard_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['iheartradio_url']['url'] ) ) {
$this->add_link_attributes( 'iheartradio_url', $settings['iheartradio_url'] );
?>
<li class="jl_iheartradio_url" style="--jl-social-color:#c82134;">
<a aria-label="<?php esc_html_e('iHeart Radio', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'iheartradio_url' ); ?>>
<span class="jl_sh_i"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="1.81 4.98 28.47 21.62"><g data-name="iHeart Radio" id="iHeart_Radio"><path class="cls-1" fill="currentColor" d="M23.49,19a1,1,0,0,1-.56-.17,1,1,0,0,1-.28-1.38A8,8,0,0,0,24,13a7.9,7.9,0,0,0-.69-3.25,1,1,0,1,1,1.83-.81,10,10,0,0,1-.82,9.61A1,1,0,0,1,23.49,19Z"></path><path class="cls-1" fill="currentColor" d="M20.16,16.77a1,1,0,0,1-.56-.17,1,1,0,0,1-.27-1.38A4,4,0,0,0,20,13a4.05,4.05,0,0,0-.34-1.62,1,1,0,0,1,1.82-.82A5.85,5.85,0,0,1,22,13a6,6,0,0,1-1,3.33A1,1,0,0,1,20.16,16.77Z"></path><path class="cls-1" fill="currentColor" d="M8.51,19a1,1,0,0,1-.83-.44,10,10,0,0,1-.82-9.61,1,1,0,1,1,1.83.81A7.9,7.9,0,0,0,8,13a8,8,0,0,0,1.35,4.44,1,1,0,0,1-.28,1.38A1,1,0,0,1,8.51,19Z"></path><path class="cls-1" fill="currentColor" d="M11.84,16.77a1,1,0,0,1-.83-.44A6,6,0,0,1,10,13a5.85,5.85,0,0,1,.52-2.44,1,1,0,0,1,1.82.82A4.05,4.05,0,0,0,12,13a4,4,0,0,0,.67,2.22,1,1,0,0,1-.27,1.38A1,1,0,0,1,11.84,16.77Z"></path><path class="cls-1" fill="currentColor" d="M16,15a2,2,0,1,1,2-2A2,2,0,0,1,16,15Zm0-2Z"></path><path class="cls-1" fill="currentColor" d="M18.49,26.6h-.16A1.48,1.48,0,0,1,17,25V20a1,1,0,0,0-2,0v5a1.48,1.48,0,0,1-1.33,1.59C10.91,26.9,2.93,18.8,2,14.72A8.09,8.09,0,0,1,3.61,7.9,7.57,7.57,0,0,1,9.5,5c2.23,0,4.88,1.59,6.5,3,1.62-1.43,4.27-3,6.5-3a7.51,7.51,0,0,1,6.19,2.61A8.44,8.44,0,0,1,30,14.72C29.09,18.72,21.41,26.6,18.49,26.6ZM16,17a3,3,0,0,1,3,3v4.46c2.17-1,8.29-6.86,9-10.18a6.42,6.42,0,0,0-.89-5.42A5.68,5.68,0,0,0,22.5,7c-1.71,0-4.41,1.63-5.77,3.09a1,1,0,0,1-1.46,0C13.91,8.63,11.21,7,9.5,7A5.57,5.57,0,0,0,5.17,9.15,6,6,0,0,0,4,14.28c.73,3.32,6.85,9.18,9,10.18V20A3,3,0,0,1,16,17Z"></path></g></svg></span>
<span class="jl_sh_t">iHeart Radio</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['iheartradio_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['iheartradio_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['apple_podcasts_url']['url'] ) ) {
$this->add_link_attributes( 'apple_podcasts_url', $settings['apple_podcasts_url'] );
?>
<li class="jl_apple_podcasts_url" style="--jl-social-color:#ad29d5;">
<a aria-label="<?php esc_html_e('Apple Podcasts', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'apple_podcasts_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1.1em" xmlns="http://www.w3.org/2000/svg" viewBox="23.9 24 208.2 208"><path d="M128,144a28,28,0,1,1,28-28A28.1,28.1,0,0,1,128,144Zm12.5,0h-25a19.9,19.9,0,0,0-15.4,7.3,19.6,19.6,0,0,0-4.2,16.6l9.6,48A20.1,20.1,0,0,0,125.1,232h5.8a20.1,20.1,0,0,0,19.6-16.1l9.6-48a19.6,19.6,0,0,0-4.2-16.6A19.9,19.9,0,0,0,140.5,144Zm39.7,4.3a8,8,0,0,0,14.9,5.8A70.7,70.7,0,0,0,200,128a72,72,0,0,0-144,0,70.3,70.3,0,0,0,4.9,26.1,8,8,0,0,0,7.4,5.1,7.2,7.2,0,0,0,2.9-.6,8,8,0,0,0,4.6-10.3,56,56,0,1,1,104.4,0ZM128,24A104,104,0,0,0,72,215.7a8,8,0,0,0,8.7-13.5,88,88,0,1,1,94.6,0,8,8,0,0,0,4.4,14.7,8.8,8.8,0,0,0,4.3-1.2A104,104,0,0,0,128,24Z"></path></svg></span>
<span class="jl_sh_t">Apple Podcasts</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['apple_podcasts_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['apple_podcasts_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['google_podcasts_url']['url'] ) ) {
$this->add_link_attributes( 'google_podcasts_url', $settings['google_podcasts_url'] );
?>
<li class="jl_google_podcasts_url" style="--jl-social-color:#eb493d;">
<a aria-label="<?php esc_html_e('Google Podcasts', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'google_podcasts_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1.2em" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.99 24"><path d="M1.503 9.678c-.83 0-1.5.67-1.5 1.5v1.63a1.5 1.5 0 1 0 3 0v-1.63c0-.83-.67-1.5-1.5-1.5zm20.994 0c-.83 0-1.5.67-1.5 1.5v1.63a1.5 1.5 0 1 0 3 0v-1.63c0-.83-.67-1.5-1.5-1.5zM6.68 14.587c-.83 0-1.5.67-1.5 1.5v1.63a1.5 1.5 0 1 0 3 0v-1.62c0-.83-.67-1.5-1.5-1.5zm0-9.817c-.83 0-1.5.67-1.5 1.5v5.357a1.5 1.5 0 0 0 3 0V6.258c0-.83-.67-1.5-1.5-1.5zm10.638 0c-.83 0-1.5.67-1.5 1.5v1.64a1.5 1.5 0 0 0 3 0V6.27c0-.83-.67-1.5-1.5-1.5zM12 0c-.83 0-1.5.67-1.5 1.5v1.63a1.5 1.5 0 1 0 3 0V1.5c0-.83-.67-1.499-1.5-1.499zm0 19.355c-.83 0-1.5.67-1.5 1.5v1.64a1.5 1.5 0 1 0 3 .01v-1.64c0-.82-.67-1.5-1.5-1.5zm5.319-8.457c-.83 0-1.5.68-1.5 1.5v5.328a1.5 1.5 0 0 0 3 0v-5.329c0-.83-.67-1.5-1.5-1.5zM12 6.128c-.83 0-1.5.68-1.5 1.5v8.728a1.5 1.5 0 0 0 3 0V7.638c0-.83-.67-1.5-1.5-1.5z"></path></svg></span>
<span class="jl_sh_t">Google Podcasts</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['google_podcasts_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['google_podcasts_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['stitcher_url']['url'] ) ) {
$this->add_link_attributes( 'stitcher_url', $settings['stitcher_url'] );
?>
<li class="jl_stitcher_url" style="--jl-social-color:#efab21;">
<a aria-label="<?php esc_html_e('Stitcher', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'stitcher_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="0.7em" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="1 4.47 12 5.06"><path d="m 9.99,4.46875 -0.1795,0 0,5.0625 0.1795,0 0,-5.0625 z m -0.3725,0.5625 -0.18,0 0,3.9375 0.18,0 0,-3.9375 z m -0.558,0 -8.0595,0 0,3.9375 8.0595,0 0,-3.9375 z m 3.9405,0 -2.254,0 0,3.9375 2.254,0 0,-3.9375 z m -2.628,0 -0.18,0 0,3.9375 0.18,0 0,-3.9375 z"></path></svg></span>
<span class="jl_sh_t">Stitcher</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['stitcher_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['stitcher_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['patreon_url']['url'] ) ) {
$this->add_link_attributes( 'patreon_url', $settings['patreon_url'] );
?>
<li class="jl_patreon_url" style="--jl-social-color:#ff5f13;">
<a aria-label="<?php esc_html_e('Patreon', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'patreon_url' ); ?>>
<span class="jl_sh_i"><svg fill="none" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"> <path d="M3 0H0V15H3V0Z" fill="currentColor"></path> <path d="M9.5 0C6.46243 0 4 2.46243 4 5.5C4 8.53757 6.46243 11 9.5 11C12.5376 11 15 8.53757 15 5.5C15 2.46243 12.5376 0 9.5 0Z" fill="currentColor"></path> </svg></span>
<span class="jl_sh_t">Patreon</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['patreon_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['patreon_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['twitch_url']['url'] ) ) {
$this->add_link_attributes( 'twitch_url', $settings['twitch_url'] );
?>
<li class="jl_twitch_url jl_dk_sc" style="--jl-social-color:#6441a5;">
<a aria-label="<?php esc_html_e('Twitch', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'twitch_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1.1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z"></path></svg></span>
<span class="jl_sh_t">Twitch</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['twitch_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['twitch_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['medium_url']['url'] ) ) {
$this->add_link_attributes( 'medium_url', $settings['medium_url'] );
?>
<li class="jl_medium_url jl_dk_sc" style="--jl-social-color:#00ab6b;">
<a aria-label="<?php esc_html_e('Medium', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'medium_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1.1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z"></path></svg></span>
<span class="jl_sh_t">Medium</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['medium_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['medium_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['gitlab_url']['url'] ) ) {
$this->add_link_attributes( 'gitlab_url', $settings['gitlab_url'] );
?>
<li class="jl_gitlab_url jl_dk_sc" style="--jl-social-color:#e24329;">
<a aria-label="<?php esc_html_e('GitLab', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'gitlab_url' ); ?>>
<span class="jl_sh_i"><svg fill="currentColor" height="1.1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"></path></svg></span>
<span class="jl_sh_t">GitLab</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['gitlab_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['gitlab_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['newsletter_url']['url'] ) ) {
$this->add_link_attributes( 'newsletter_url', $settings['newsletter_url'] );
?>
<li class="jl_newsletter_url jl_dk_sc" style="--jl-social-color:var(--jl-social-skin, #000);">
<a aria-label="<?php esc_html_e('Newsletter', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'newsletter_url' ); ?>>
<span class="jl_sh_i"><i class="jli-mail"></i></span>
<span class="jl_sh_t">Newsletter</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['newsletter_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['newsletter_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['quora_url']['url'] ) ) {
$this->add_link_attributes( 'quora_url', $settings['quora_url'] );
?>
<li class="jl_quora_url" style="--jl-social-color:#f52936;">
<a aria-label="<?php esc_html_e('Quora', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'quora_url' ); ?>>
<span class="jl_sh_i"><svg width="1em" height="1em" viewBox="0 0 17 20"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Dribbble-Light-Preview" transform="translate(-141.000000, -7439.000000)" fill="currentColor"><g id="icons" transform="translate(56.000000, 160.000000)"><path d="M94.6307159,7294.53993 C94.2430139,7294.63693 93.8504042,7294.67493 93.4715358,7294.67493 C91.455485,7294.67493 89.0409353,7293.78793 89.0409353,7288.25196 C89.0409353,7282.71798 91.5693418,7281.18899 93.5853926,7281.18899 C95.6014434,7281.18899 97.9453233,7282.50598 97.9453233,7288.04196 C97.9453233,7290.55095 97.4437644,7292.14594 96.7076212,7293.14293 C96.695843,7293.14393 96.6870092,7293.14093 96.6870092,7293.14093 C95.0105658,7290.93694 92.8355081,7291.46494 92.3143187,7291.70494 C92.3143187,7291.70494 92.3800808,7292.20994 92.5184758,7293.12893 C93.6688222,7293.12793 94.2390878,7293.73593 94.6366051,7294.52093 C94.632679,7294.52993 94.6307159,7294.53993 94.6307159,7294.53993 M97.9090069,7295.59792 C97.9090069,7295.59792 97.91097,7295.59192 97.912933,7295.58492 C100.362818,7294.03693 102,7291.21394 102,7287.83196 C102,7281.31499 97.8579677,7279 93.5274827,7279 C89.4413972,7279 85,7282.27098 85,7287.95696 C85,7294.47393 89.1420323,7296.86392 93.4734988,7296.86392 C94.1546767,7296.86392 94.816224,7296.78092 95.4512702,7296.62592 C95.4512702,7296.62592 95.4610855,7296.62992 95.4669746,7296.63092 C97.1738453,7299.7369 99.7159931,7298.98591 100.371651,7298.74091 C100.371651,7298.74091 100.283314,7298.19391 100.129215,7297.17592 C98.903291,7297.14392 98.356582,7296.51692 97.9090069,7295.59792"></path></g></g></g></svg></span>
<span class="jl_sh_t">Quora</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['quora_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['quora_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['bluesky_url']['url'] ) ) {
$this->add_link_attributes( 'bluesky_url', $settings['bluesky_url'] );
?>
<li class="jl_bluesky_url" style="--jl-social-color:#0485fc;">
<a aria-label="<?php esc_html_e('bluesky', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'bluesky_url' ); ?>>
<span class="jl_sh_i"><svg width="1em" height="1em" fill="none" viewBox="0 0 64 56.53"><path fill="currentColor" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"></path></svg></span>
<span class="jl_sh_t">bluesky</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['bluesky_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['bluesky_label']);?></span>
</span>
</a>
</li>
<?php }?>
<?php if ( ! empty( $settings['mastodon_url']['url'] ) ) {
$this->add_link_attributes( 'mastodon_url', $settings['mastodon_url'] );
?>
<li class="jl_mastodon_url" style="--jl-social-color:#5e50e7;">
<a aria-label="<?php esc_html_e('mastodon', 'bopea-function');?>" <?php echo $this->get_render_attribute_string( 'mastodon_url' ); ?>>
<span class="jl_sh_i"><svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0.16 74 78"> <path d="M73.7014 17.4323C72.5616 9.05152 65.1774 2.4469 56.424 1.1671C54.9472 0.950843 49.3518 0.163818 36.3901 0.163818H36.2933C23.3281 0.163818 20.5465 0.950843 19.0697 1.1671C10.56 2.41145 2.78877 8.34604 0.903306 16.826C-0.00357854 21.0022 -0.100361 25.6322 0.068112 29.8793C0.308275 35.9699 0.354874 42.0498 0.91406 48.1156C1.30064 52.1448 1.97502 56.1419 2.93215 60.0769C4.72441 67.3445 11.9795 73.3925 19.0876 75.86C26.6979 78.4332 34.8821 78.8603 42.724 77.0937C43.5866 76.8952 44.4398 76.6647 45.2833 76.4024C47.1867 75.8033 49.4199 75.1332 51.0616 73.9562C51.0841 73.9397 51.1026 73.9184 51.1156 73.8938C51.1286 73.8693 51.1359 73.8421 51.1368 73.8144V67.9366C51.1364 67.9107 51.1302 67.8852 51.1186 67.862C51.1069 67.8388 51.0902 67.8184 51.0695 67.8025C51.0489 67.7865 51.0249 67.7753 50.9994 67.7696C50.9738 67.764 50.9473 67.7641 50.9218 67.7699C45.8976 68.9569 40.7491 69.5519 35.5836 69.5425C26.694 69.5425 24.3031 65.3699 23.6184 63.6327C23.0681 62.1314 22.7186 60.5654 22.5789 58.9744C22.5775 58.9477 22.5825 58.921 22.5934 58.8965C22.6043 58.8721 22.621 58.8505 22.6419 58.8336C22.6629 58.8167 22.6876 58.8049 22.714 58.7992C22.7404 58.7934 22.7678 58.794 22.794 58.8007C27.7345 59.9796 32.799 60.5746 37.8813 60.5733C39.1036 60.5733 40.3223 60.5733 41.5447 60.5414C46.6562 60.3996 52.0437 60.1408 57.0728 59.1694C57.1983 59.1446 57.3237 59.1233 57.4313 59.0914C65.3638 57.5847 72.9128 52.8555 73.6799 40.8799C73.7086 40.4084 73.7803 35.9415 73.7803 35.4523C73.7839 33.7896 74.3216 23.6576 73.7014 17.4323ZM61.4925 47.3144H53.1514V27.107C53.1514 22.8528 51.3591 20.6832 47.7136 20.6832C43.7061 20.6832 41.6988 23.2499 41.6988 28.3194V39.3803H33.4078V28.3194C33.4078 23.2499 31.3969 20.6832 27.3894 20.6832C23.7654 20.6832 21.9552 22.8528 21.9516 27.107V47.3144H13.6176V26.4937C13.6176 22.2395 14.7157 18.8598 16.9118 16.3545C19.1772 13.8552 22.1488 12.5719 25.8373 12.5719C30.1064 12.5719 33.3325 14.1955 35.4832 17.4394L37.5587 20.8853L39.6377 17.4394C41.7884 14.1955 45.0145 12.5719 49.2765 12.5719C52.9614 12.5719 55.9329 13.8552 58.2055 16.3545C60.4017 18.8574 61.4997 22.2371 61.4997 26.4937L61.4925 47.3144Z" fill="inherit"></path> </svg></span>
<span class="jl_sh_t">mastodon</span>
<span class="jl_sh_w">
<span class="jl_sh_c"><?php echo esc_attr($settings['mastodon_count']);?></span>
<span class="jl_sh_l"><?php echo esc_attr($settings['mastodon_label']);?></span>
</span>
</a>
</li>
<?php }?>
</ul>
<?php
}
}