Ads.txt Alerts - Protect your revenue

blaqsbi.com Ads.txt file

<!DOCTYPE html>
<html lang="en">
<head>
<script>
var yiiDebug = '';
window.onerror = function myErrorHandler(errorMsg, url, lineNumber) {
console.log("Error occured: " + errorMsg);
if (errorMsg == 'Uncaught Error: Bootstrap requires jQuery') {
window.location.reload();
}
return false;
};
function toggleProductActivation() {}
function stopAllPlayingAudio() {}
function getActiivitiesEntries() {}
function initActivityList() {}
function getNotifications() {}
function getMessageCount() {}
function getChatCount() {}
function addCustomBg() {
$("body, #topbar-first, #main-loading, #sub-loading").addClass("space-profile-custom-bg").removeClass("space-profile-default-bg");
}
function removeCustomBg() {
$("body, #topbar-first, #main-loading, #sub-loading").removeClass("space-profile-custom-bg").addClass("space-profile-default-bg");
$(".navbar-brand img").attr("src", originNavbrandSrc);
$("#topbar-first .account a > div span").css({
color: topbarTitleContainerColor
});
}
var scSpaceListUrl;
var no_hide_on_scroll = 0;
var listeners = {};
var originalEventListener = window.addEventListener;
window.addEventListener = function(type, fn, options) {
if (!listeners[type])
listeners[type] = [];
listeners[type].push(fn);
return originalEventListener(type, fn, {
passive: true
});
};
var removeAllEventListener = function(type) {
if (!listeners[type] || !listeners[type].length)
return;
for (let i = 0; i < listeners[type].length; i++)
window.removeEventListener(type, listeners[type][i]);
};
var clearAllEventListener = function() {
listeners = {};
};
function setNotyCartCount(count) {
$('.label-notifications-cart').html(count);
if (count == 0) {
$('.cart-notifications-btn-group-container').hide();
} else {
$('.cart-notifications-btn-group-container').show();
}
}
var inMobile = null;
var userId = null;
</script>


<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/social/assets/comp/126bdc44.css" />
<script type="text/javascript" src="/social/assets/comp/2ee66c28.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
$.ajaxSetup({
data: {"CSRF_TOKEN": "a1a357e0b91c121ea9cd8e10bb4cbeddca8b83f7"},
cache:false
});
/*]]>*/
</script>
<title>Blaqsbi | Trending</title>
<meta name="author" content="Blaqsbi"/>
<meta name="keyword" content="social media marketing, social networking apps, social media platforms, social sites, social media jobs, Blaqsbi networking, platform designed, specifically share, believe, inspire, Trumpflation"/>
<meta name="description" content="Blaqsbi is a networking platform designed specifically for us to share, believe, inspire."/>
<meta property="og:title" content="Blaqsbi | Trending"/>
<meta property="og:description" content="Blaqsbi is a networking platform designed specifically for us to share, believe, inspire."/>
<meta property="og:image" content="https://www.blaqsbi.com/social/themes/blaqsbi/img/oglogo.png?t=1757461033" />
<meta name="twitter:image" content="https://www.blaqsbi.com/social/themes/blaqsbi/img/oglogo.png?t=1757461033" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="600" />
<meta property="og:url" content="https://www.blaqsbi.com/social/home_public/home_public"/>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","name":"Blaqsbi Corp.","description":"Blaqsbi is a networking platform designed specifically for us to share, believe, inspire.","url":"https:\/\/blaqsbi.com","address":{"@type":"PostalAddress","streetAddress":"335124 West Ave , Suite 490-423","addressLocality":"Stamford","addressRegion":"CT","postalCode":"06901"},"logo":"https:\/\/www.blaqsbi.com\/social\/themes\/blaqsbi\/img\/oglogo.png?t=1757461033"}</script>
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="173051320201613"/>
<link rel="canonical" href="https://www.blaqsbi.com/social/home_public/home_public" />

<meta name="msvalidate.01" content="B065E24F00EBFFB9582C73A66E9C13F2" />
<meta name="p:domain_verify" content="62b7674495ef4d80ba079ed1471c8a10" />
<meta name="google-site-verification" content="AOCdiLgohgL3shocQGXXOw-Gr2mVapJrt16q_QC45FA" />
<meta name="yandex-verification" content="d4de222619ceb3d2" />

<meta name="viewport" content="height=device-height,
width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0,
user-scalable=no">
<meta name="theme-color" content="#e8f1ff">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />











<link rel="manifest" href="/manifest.json">

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>


<script>
var webrtcServer = "https://www.blaqsbi.com:5443";
var webGoLiveServer = "https://www.blaqsbi.com:7443";
var baseURL = '/social';
var baseHostName = 'https://www.blaqsbi.com';
var templateURL = baseURL + '/templates';
var post_words = 250;
var truncContentHeight = 300;
var isBrowserSafari = navigator.userAgent.toLowerCase().indexOf('safari');
</script>


<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDet9gcxRGBxDg_o4jXdVtaxSzjj15sHYk&libraries=places" async="async"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/EventEmitter/5.2.8/EventEmitter.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/11.2.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/11.2.0/firebase-messaging-compat.js"></script>
<script src="https://www.blaqsbi.com/social/js/hls.js"></script>


<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="/social/themes/blaqsbi/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="/social/themes/blaqsbi/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="/social/themes/blaqsbi/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
href="/social/themes/blaqsbi/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="/social/themes/blaqsbi/ico/favicon.ico">
 

<script async src="https://www.googletagmanager.com/gtag/js?id=G-M3Z0B52X81"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-M3Z0B52X81');
$(document).on("ready AllStrreamListenvers", function() {
gtag('js', new Date());
gtag('config', 'G-M3Z0B52X81');
});
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1068933766">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1068933766');
$(document).on("ready AllStrreamListenvers", function() {
gtag('js', new Date());
gtag('config', 'AW-1068933766');
});
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@2.98/dist/add-to-homescreen.min.css" />
<script src="https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@2.98/dist/add-to-homescreen.min.js"></script>
</head>
</head>
<style>
body {
font-size: 15px !important;
position: relative;
padding-bottom: 5vh;
}
.space-profile-custom-bg,
.space-profile-default-bg {
transition: background 4s;
}
.slideOutDown {
animation-timing-function: cubic-bezier(1, 0.03, 1, 0.84);
}
.wall-scroll-item {
max-height: 345px;
}
.responsiveLoader {
border-radius: 6px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 50%;
width: 50%;
background-image: url(/social/img/loadingLarge.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#icon-notifications .popover {
min-width: 260px;
}
</style>
<script>
var jqueryLoaded = true;
var imageDefaultSize = 712;
var activityReloadUrl = '';
var activityStartUrl = '';
var activityPermaLinkUrl = '';
var inContentStream = false;
var appBaseUrl = '/social';
var isCordovaApp = !!window.cordova;
if (typeof fullCalendarCanWrite === 'undefined') {
fullCalendarCanWrite = '';
}
if (typeof fullCalendarTimezone === 'undefined') {
fullCalendarTimezone = 'America/New_York';
}
if (typeof fullCalendarLanguage === 'undefined') {
fullCalendarLanguage = 'en';
}
if (typeof fullCalendarLoadUrl === 'undefined') {
fullCalendarLoadUrl = '/social/calendar/global/loadpublicajax';
}
if (typeof fullCalendarCreateUrl === 'undefined') {
fullCalendarCreateUrl = '';
}
if (typeof fullCalendarSelectors === 'undefined') {
fullCalendarSelectors = '';
}
if (typeof fullCalendarFilters === 'undefined') {
fullCalendarFilters = '';
}
var mobileMenuContDiv = $('.mobileMenuCont');
var fadeOnScrollDiv = $('.fadeOnScroll');
var headerTabMainContainer = $(".headerTabMainContainer");
var headerContainerHeight = $("#headerContainer").height();
var streanScrollWatcher = $(window);
var hideMainLoadingOnLoad = true;
var printifyReqSending = false;
var wavesurfer;
var ms_jplayer;
var streamScrollToId = 0;
var darkModeTheme = false;
var postEditMode = false;
var scrollToTopTimeout;
var inWallStream = false;
var titleMailCount = 0;
var titleNotificationCount = 0;
var titleChatCount = 0;
var titleActivityCount = 0;
var original_title = $('title').text();
var oldTitleCountTotal = 0;
var hasLinkContent = [];
var hasGif = [];
var hasFiles = [];
var hasOembed = [];
var commentOpen = [];
var selectedVoice = null;
var ttsPlaying = 0;
var ttsThisPlaying = [];
var ttsThisSentenceIndex = [];
var fileUploadContainerUrl = [];
var singleContent = false;
var scrollThrottle = 500;
var maxMobileWidth = 991;
var notificationSoundVolume = 0.25;
var showLoadingPopState = true;
var pageMtype = 'normal';
var wallType = 'none';
var cacheDuration = 10800;
var receiveAudioNotification = 1;
var receiveNewMemberOnlineNotification = 1;
var doNotDisturb = 0;
var displayName = "";
var profileIcon = null;
var profileUrl = null;
var profileFlag = null;
var accountTypeIcon = null;
var blaqardIcon = null;
var uguid = null;
var isSpammer = null;
var accountType = null;
var testUser = null;
var userFileTotal = 0;
var isGuest = '1';
var mainWindowWidth = $(window).width();
var mainWindowHeight = $(window).height();
var mainWindowSwipeDirection = "left";
var modalLoaderHtml;
var guestWallEntryCount = 0;
var userInteracted = false;
var streamLangVar = window.navigator.languages ? window.navigator.languages[0] : null;
streamLangVar = streamLangVar || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage;
streamLangVar = streamLangVar.slice(0, 2);
function playAudioNotification() {
if (receiveAudioNotification == 1) {
document.getElementById('notificationTone').volume = notificationSoundVolume;
document.getElementById('notificationTone').play();
}
}
lscache.flush();
$.ajaxSetup({
async: true
});
</script>
<body><script type="text/javascript">
/*<![CDATA[*/
var csrfName = 'CSRF_TOKEN';

var csrfValue = 'a1a357e0b91c121ea9cd8e10bb4cbeddca8b83f7';

var baseUrl = 'https://www.blaqsbi.com/social';

var localeId = 'en';

var searchAjaxUrl = '/social/search/index?mode=quick&keyword=-searchKeyword-';

var scSpaceListUrl = '/social/space/list?ajax=1';

var scSpaceEntryUrl = '/social/dashboard/dashboard/GetFrontEndInfo/ajax/1';

/*]]>*/
</script>
<div id="main-loading" class="animated">
<img id="main-loading-image" src="/social/themes/blaqsbi/img/main_loader.gif"
alt="Loading..." />
</div>
<div class="topbarContainer fadeOnScroll">

<div id="topbar-first" class="topbar">
<div class="container">
<div class="topbar-brand">
<a class="navbar-brand" href="/social/home_public/home_public">
<img name="Blaqsbi"
src="/social/themes/blaqsbi/img/topnav_logo_full.png"
style="vertical-align:middle;height:50px" alt="blaqsbi logo">
</a>
</div>
<div class="topbar-brand">
<div class="navbar-brand pull-right" style="margin-top: 5px">
<a class="btn btn-info" style="padding: 4px 8px;" href="/social/user/auth/login/t/1757461033">Login</a> </div>
</div>
<div class="topbar-actions pull-right">
</div>
</div>
</div>


<div id="topbar-second" class="topbar">
<div class="container">
<ul class="nav" id="mainNav">

<style>
@media only screen and (max-device-width: 350px) and (orientation: portrait) {
.topNaviphne4hide {
display: none !important;
}
}
</style>

<li class="visible-md visible-lg active home_public" style="flex: 1 auto;">
<a href="/social/home_public/home_public?pjxcnt=1" class="p-jax tt" data-placement="top" data-original-title="Home" title="Home" alt="Home">
<i class="fa-light fa-home"></i> </a>
</li>
<li class="visible-md visible-lg photos" style="flex: 1 auto;">
<a href="/social/media/media/topiclive" class="p-jax tt" data-placement="top" data-original-title="Media" title="Media" alt="Media">
<i class="fa-light fa-camera"></i> </a>
</li>

<li class="visible-xs visible-sm active home_public" style="vertical-align: middle !important; text-align: center !important; flex: 1 auto;">
<a href="/social/home_public/home_public?pjxcnt=1" class=" p-jax tt" data-placement="top" data-original-title="Home" title="Home" alt="Home"
style="font-size: 16px !important; padding-left: 5px !important; padding-right: 5px !important;">
<i class="fa-light fa-home"></i> </a>
</li>
<li class="visible-xs visible-sm photos" style="vertical-align: middle !important; text-align: center !important; flex: 1 auto;">
<a href="/social/media/media/topiclive" class=" p-jax tt" data-placement="top" data-original-title="Media" title="Media" alt="Media"
style="font-size: 16px !important; padding-left: 5px !important; padding-right: 5px !important;">
<i class="fa-light fa-camera"></i> </a>
</li>
<li class="dropdown tt" title="Search" data-placement="top" id="search-pulldown-container" style="vertical-align: middle !important; flex: 1 auto;">
<a href="#" id="search-menu" class="dropdown-toggle dd-lock-scroll tt" title="Search" data-toggle="dropdown">
<i class="fa-light fa-search"></i>
<span class="caret"></span>
</a>
<ul class="dropdown-menu pull-right" id="search-menu-dropdown">
<div>
<form action="" id="mainSearchForm" class="dropdown-controls" data-turbolinks-permanent>
<input type="text" id="search-menu-search"
class="form-control"
autocomplete="off"
placeholder="Search in Blaqsbi">
<div class="search-reset" id="search-search-reset"><i
class="fa fa-times-circle"></i></div>
</form>
<ul class="media-list" id="searchResults"></ul>
<ul class="media-list" id="tagSeachcontainer"></ul>
</div>
</ul>
</li>
<style>
#search-menu-dropdown .dropdown-footer {
margin: 0px;
}
.searchTags {
font-size: inherit;
padding: 5px;
background-color: inherit;
}
#search-menu-dropdown ul.media-list {
padding-top: 0px;
}
#search-menu-dropdown .dropdown-footer {
bottom: 0px;
}
#search-menu-dropdown #searchResults {
display: none;
}
#search-menu-dropdown ul.media-list li a {
display: block;
width: 100%;
min-height: 50px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
</style>
<script>
$('.dropdown').one('show.bs.dropdown', function(e) {
setNiceScroll("#search-menu-dropdown ul.media-list");
});
$('#search-menu-search').on('keydown keyup mouseout', function(event) {
if ($('#search-menu-search').val().trim() != '') {
$('#tagSeachcontainer').hide();
$('#searchResults').show();
} else {
$('#tagSeachcontainer').show();
$('#searchResults').hide();
}
});
</script>
<style>
#tags-panel .list-group-item {
height: unset;
padding-top: 8px;
}
#tags-panel .top-tag {
white-space: nowrap;
}
@media screen and (max-width: 991px) {
#tags-panel .linkHtagFilters {
line-height: 250%;
}
}
</style>
<script>
$(document).on('ready pjax:complete', function() {
$("#tagSeachcontainer").html("<div class=\"dropdown-header\"><strong>Trending Tags</strong></div><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_691 mobileHeight\' id=\'filter_htagVal_691\'><span>#news</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_89 mobileHeight\' id=\'filter_htagVal_89\'><span>#entertainment</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_70 mobileHeight\' id=\'filter_htagVal_70\'><span>#music</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_407 mobileHeight\' id=\'filter_htagVal_407\'><span>#lifestyle</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_40 mobileHeight\' id=\'filter_htagVal_40\'><span>#business</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_74 mobileHeight\' id=\'filter_htagVal_74\'><span>#Africa</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_233 mobileHeight\' id=\'filter_htagVal_233\'><span>#Education</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_269 mobileHeight\' id=\'filter_htagVal_269\'><span>#london</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_648 mobileHeight\' id=\'filter_htagVal_648\'><span>#celebrity</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_1290 mobileHeight\' id=\'filter_htagVal_1290\'><span>#Culture</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_25 mobileHeight\' id=\'filter_htagVal_25\'><span>#health</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_812 mobileHeight\' id=\'filter_htagVal_812\'><span>#Russia</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_788 mobileHeight\' id=\'filter_htagVal_788\'><span>#Sex</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_748 mobileHeight\' id=\'filter_htagVal_748\'><span>#women</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_607 mobileHeight\' id=\'filter_htagVal_607\'><span>#technology</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_430 mobileHeight\' id=\'filter_htagVal_430\'><span>#egypt</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_279 mobileHeight\' id=\'filter_htagVal_279\'><span>#discover</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_220 mobileHeight\' id=\'filter_htagVal_220\'><span>#money</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_177 mobileHeight\' id=\'filter_htagVal_177\'><span>#invest</span></a></li><li><a href=\'#\' class=\'searchTags htagFilters filter_htagVal_88 mobileHeight\' id=\'filter_htagVal_88\'><span>#shopping</span></a></li></div></li>");
if (currentStream) {
currentStream.showHtagFilter();
}
});
</script>

<li class="dropdown" style="vertical-align: middle !important; flex: 1 auto;">
<a href="#" id="space-menu" class="dropdown-toggle dd-lock-scroll tt" data-toggle="dropdown" data-toggle="dropdown" data-placement="top" title="" data-original-title="Menu">

<i class="fa-light fa-bars"></i>
<span class="caret"></span>
</a>
<ul class="dropdown-menu pull-right" id="space-menu-dropdown">
<div>
<form action="" class="dropdown-controls"><input type="text" id="space-menu-search"
class="form-control"
autocomplete="off"
placeholder="Search in Menu">
<div class="search-reset" id="space-search-reset"><i
class="fa fa-times-circle"></i></div>
</form>
<li>
<ul class="media-list" id="space-menu-spaces">
<li id="loader_spaces">
<div class="loader"></div>
</li>
</ul>
</li>
</div>
</ul>
</li>
<script>
setNiceScroll("#space-menu-spaces");
</script>
<style>
#space-menu-spaces .media-object {
width: 50px;
height: 50px;
}
#space-menu-spaces .media-body {
margin-left: 60px;
}
#space-menu-spaces li {
position: relative;
}
.space-chooser-badge {
position: absolute;
top: -2px;
right: 0px;
}
.badge-space {
margin-right: 4px;
}
.space-chooser-header {
background-color: #a09b9b91 !important;
}
</style> </ul>
</div>
</div>

<div id="topPageNotification" class="text-center" style="display: none">
</div>

</div>


<script>
var originNavbrandSrc = "/social/themes/blaqsbi/img/topnav_logo_full.png";
topbarTitleContainerColor = "#666666";
$(".navbar-brand img").attr("src", originNavbrandSrc);
$("#topbar-first .account a > div span").css({
color: topbarTitleContainerColor
});
</script>

<div id="mainContent">
<div class="container">

<div class="row">
<div style="margin: 16px"></div>
<div id="headerContainer" class="col-sm-12">
<div class="panel panel-default panel-profile" style="margin-bottom: 4px;">
<div class="panel-profile-header">
<div class="image-upload-container header-image-container"> 
<img class="img-profile-header-background"
src="/social/img/section_header_home_s06.jpg" alt="Trending">
<div class="header-gradient"></div>
<img class="img-profile-header-overlay"
src="/social/img/sbi-overlay.png">
</div>
</div>

<div class="img-profile-data round-borders text-center header-tittle-section">
<div id="section_header_info">
<h1>Trending</h1>
</div>
</div>
<div id="headerTabMainAbchor" style="height: 5px;"></div>
<div>
<div class="headerTabMainContainer">
<div>
<div class="headerTabSubContainer">

<div id="headerTabContainer" class="extraHoriScroll">
<ul id="headerMenuTab" class="nav nav-tabs" data-tabs="tabs"></ul>
</div>
</div>
</div>
</div>
</div> </div>
<a id="main-stream-top"></a>
<script>
$(document).one("ready pjax:end", function() {
$("#search-menu-search").attr("placeholder", "Search in Blaqsbi");
});
</script> </div>
<div class="col-md-3 space-nav-container hidden-sm hidden-xs">
<div id="setFixedLeft">
<div>

<div class="panel panel-default">
<div class="panel-heading"><strong>Home</strong></div>
<div class="list-group">
<a href="/social/home_public/home_public?pjxcnt=1" class="list-group-item text-muted p-jax mobileHeight active left-nav-link" alt="Trending" title="Trending">
<i class="fa fa-regular fa-display-chart-up"></i> <span>Trending</span>
</a>
<a href="/social/media/media/topiclive/pjxcnt/1" class="list-group-item text-muted p-jax mobileHeight left-nav-link" alt="Lives" title="Lives">
<i class="fa fa-regular fa-camera-web"></i> <span>Lives</span>
</a>
<a href="/social/home_public/home_public/foryou/pjxcnt/1" class="list-group-item text-muted p-jax mobileHeight left-nav-link" alt="For You" title="For You">
<i class="fa fa-regular fa-hand-fist"></i> <span>For You</span>
</a>
<a href="/social/home_public/home_public/news" class="list-group-item text-muted p-jax mobileHeight left-nav-link" alt="News" title="News">
<i class="fa fa-regular fa-newspaper"></i> <span>News</span>
</a>
</div>
</div>
<script>
$("#headerMenuTab").append('<li class="active left-nav-link"><a href="/social/home_public/home_public?pjxcnt=1" class="text-muted p-jax " alt="Trending" title="Trending"><i class="fa fa-regular fa-display-chart-up"></i> <span>Trending</span></a></li><li class=" left-nav-link"><a href="/social/media/media/topiclive/pjxcnt/1" class="text-muted p-jax " alt="Lives" title="Lives"><i class="fa fa-regular fa-camera-web"></i> <span>Lives</span></a></li><li class=" left-nav-link"><a href="/social/home_public/home_public/foryou/pjxcnt/1" class="text-muted p-jax " alt="For You" title="For You"><i class="fa fa-regular fa-hand-fist"></i> <span>For You</span></a></li><li class=" left-nav-link"><a href="/social/home_public/home_public/news" class="text-muted p-jax " alt="News" title="News"><i class="fa fa-regular fa-newspaper"></i> <span>News</span></a></li>');
$(".left-nav-link").click(function(){
$(".left-nav-link").removeClass("active");
$(this).addClass("active");
$(document).one('pjax:end', function () {
scrollExtraHoriScroll('#headerTabContainer');
});
})
</script>
</div>
<div id="leftCollBot"></div>
</div>
</div>
<div class="col-md-6">
<style>
#streamWhatYouUpToContainer .dropdown-menu,
#streamWhatYouUpToContainer .dropdown-menu li {
border: none;
}
#streamWhatYouUpToContainer,
#streamWhatYouUpToCantPostContainer {
margin-bottom: 8px;
}
#streamWhatYouUpToContainer .input-group,
#streamWhatYouUpToCantPostContainer .input-group,
#streamWhatYouUpToContainer input,
#streamWhatYouUpToCantPostContainer input {
cursor: pointer;
}
#streamWhatYouUpToContainer input {
width: 50%;
}
</style>
<div id="streamWhatYouUpToContainer" class="hidden">
<div class="input-group">
<ul class="dropdown-menu pull-right text-left">
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-edit"></i><br/>Post</a> </li>
<li class="cordova-diabled">
<a class="list-group-item mobileHeight bottom-main-create-link cordova-diabled" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/post/post/steamlivepop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-camera-web"></i><br/>Live</a> </li>
<li class="cordova-diabled">
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/file/file/capturevideo/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-camera"></i><br/>Media</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type/article"><i class="fa fa-light fa-pencil-square"></i><br/>Article</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/skills/skills/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/User"><i class="fa fa-light fa-graduation-cap"></i><br/>Skill</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/business/business/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-briefcase"></i><br/>Business</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/business/exchange/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-store"></i><br/>Market</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/calendar/entry/edit/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-calendar"></i><br/>Event</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/tasks/task/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-chess-knight"></i><br/>Challenge</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/polls/poll/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-poll-h"></i><br/>Poll</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#globalModal" href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/shop/rewardsponsorship/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0"><i class="fa fa-light fa-hand-holding-box"></i><br/>Offer</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" data-object="Post:9" href="/social/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type-id/9/auto-close/1"><i class="fa fa-light fa-podcast"></i><br/>Podcast</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" href="/social/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type-id/5/auto-close/1"><i class="fa fa-light fa-books"></i><br/>Books</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" href="/social/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type-id/10/auto-close/1"><i class="fa fa-light fa-pray"></i><br/>Prayer</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" href="/social/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type-id/23/auto-close/1"><i class="fa fa-light fa-lightbulb"></i><br/>Idea</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" href="/social/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type-id/25/auto-close/1"><i class="fa fa-light fa-bug"></i><br/>Bug</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" href="/social/post/post/createpop/guid/189ee15f-cd6b-4bc9-bc22-0896462f1579/containerClass/Space/gotoDash/0/type-id/24/auto-close/1"><i class="fa fa-light fa-life-ring"></i><br/>Support</a> </li>
<li>
<a class="list-group-item mobileHeight bottom-main-create-link" data-toggle="modal" data-target="#globalModal" href="/social/space/create/create"><i class="fa fa-light fa-people-group"></i><br/>Huddle</a> </li> </ul>
</div>
</div>
<script>
$(document).on('ready.whatcUpTo pjax:end.whatcUpTo', function() {
setTimeout(() => {
$('#bottom-dropup-menu li').find('a').each(function() {
var hRefUrl = $(this).attr('href');
if (!hRefUrl.includes("/social/user/auth/login/")) {
hRefUrl = '/social/user/auth/login/returnURL/' + btoa(hRefUrl);
}
$(this)
.removeAttr('data-toggle')
.removeAttr('data-target')
.removeAttr('data-backdrop')
.removeAttr('data-keyboard')
.addClass('p-jax')
.attr('href', hRefUrl)
});
}, 500);
});
</script>
<style>
.splash-guest-intro {
margin-bottom: 10px;
}
.nopointbuttons {
margin-bottom: 5px;
}
.feature-heading {
font-size: 125%;
}
.feature-container {
margin-top: 5px;
}
.btn-container {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.btn-container .btn {
width: 45%;
}
.in .splash-slideshow-wall-entry .panel,
.in .wall-entry.splash-slideshow-wall-entry {
margin-bottom: 0px;
}
.feature-container a {
font-weight: bold;
}
</style>
<script>
muted = true;
</script>
<div class=" splash-slideshow-wall-entry">
<div class="panel panel-default">
<div class="panel-body">

<video muted autoplay loop webkit-playsinline playsinline src="/social/vids/BlackSolidarity.mp4" poster="/social/img/goodvibesbgn.jpg" width="100%" class="note-video-clip round-borders" id="splash-video"></video>

<div class="text-center">
<div class="share-on-text">Share Blaqsbi with Like-minded Friends</div>
<div class="guest-share-button-container">
<li class="mobileHeight social-share-buttons"><a data-url-encode="http%3A%2F%2Fwww.facebook.com%2Fsharer.php%3Fu%3Dhttps%253A%252F%252Fwww.blaqsbi.com" title="Share on FaceBook" class="tt" target="blaqsbi" href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.blaqsbi.com"><span><img src="/social/img/snshareicons/facebook.png" width="35" height="35"/><myspan> Share on FaceBook</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fx.com%2Fintent%2Ftweet%3Furl%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26text%3D%26via%3D%26hashtags%3D" title="Share on X" class="tt" target="blaqsbi" href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.blaqsbi.com&text=&via=&hashtags="><span><img src="/social/img/snshareicons/twitter.png" width="35" height="35"/><myspan> Share on X</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fbsky.app%2Fintent%2Fcompose%3Ftext%3Dhttps%253A%252F%252Fwww.blaqsbi.com" title="Share on Bluesky" class="tt" target="blaqsbi" href="https://bsky.app/intent/compose?text=https%3A%2F%2Fwww.blaqsbi.com"><span><img src="/social/img/snshareicons/bluesky.png" width="35" height="35"/><myspan> Share on Bluesky</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fthreads.net%2Fintent%2Fpost%3Ftext%3Dhttps%253A%252F%252Fwww.blaqsbi.com" title="Share on Threads" class="tt" target="blaqsbi" href="https://threads.net/intent/post?text=https%3A%2F%2Fwww.blaqsbi.com"><span><img src="/social/img/snshareicons/threads.png" width="35" height="35"/><myspan> Share on Threads</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fpinterest.com%2Fpin%2Fcreate%2Fbutton%2F%3Furl%3Dhttps%253A%252F%252Fwww.blaqsbi.com" title="Share on Pinterest" class="tt" target="blaqsbi" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.blaqsbi.com"><span><img src="/social/img/snshareicons/pinterest.png" width="35" height="35"/><myspan> Share on Pinterest</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="whatsapp%3A%2F%2Fsend%3Ftext%3Dhttps%253A%252F%252Fwww.blaqsbi.com" title="Share on Whatsapp" class="tt" target="blaqsbi" href="whatsapp://send?text=https%3A%2F%2Fwww.blaqsbi.com"><span><img src="/social/img/snshareicons/whatsapp.png" width="35" height="35"/><myspan> Share on Whatsapp</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Ft.me%2Fshare%2Furl%3Furl%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26text%3D%26to%3D" title="Share on Telegram" class="tt" target="blaqsbi" href="https://t.me/share/url?url=https%3A%2F%2Fwww.blaqsbi.com&text=&to="><span><img src="/social/img/snshareicons/telegram.me.png" width="35" height="35"/><myspan> Share on Telegram</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fwww.linkedin.com%2FshareArticle%3Fmini%3Dtrue%26url%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26title%3D%26summary%3D%26source%3D" title="Share on LinkedIn" class="tt" target="blaqsbi" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.blaqsbi.com&title=&summary=&source="><span><img src="/social/img/snshareicons/linkedin.png" width="35" height="35"/><myspan> Share on LinkedIn</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fwww.tumblr.com%2Fwidgets%2Fshare%2Ftool%3FcanonicalUrl%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26title%3D%26caption%3D%26tags%3D" title="Share on Tumblr" class="tt" target="blaqsbi" href="https://www.tumblr.com/widgets/share/tool?canonicalUrl=https%3A%2F%2Fwww.blaqsbi.com&title=&caption=&tags="><span><img src="/social/img/snshareicons/tumblr.png" width="35" height="35"/><myspan> Share on Tumblr</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Fwww.blogger.com%2Fblog-this.g%3Fu%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26n%3D%26t%3D" title="Share on Blogger" class="tt" target="blaqsbi" href="https://www.blogger.com/blog-this.g?u=https%3A%2F%2Fwww.blaqsbi.com&n=&t="><span><img src="/social/img/snshareicons/blogger.png" width="35" height="35"/><myspan> Share on Blogger</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="https%3A%2F%2Freddit.com%2Fsubmit%3Furl%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26title%3D" title="Share on Reddit" class="tt" target="blaqsbi" href="https://reddit.com/submit?url=https%3A%2F%2Fwww.blaqsbi.com&title="><span><img src="/social/img/snshareicons/reddit.png" width="35" height="35"/><myspan> Share on Reddit</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="http%3A%2F%2Fwww.stumbleupon.com%2Fsubmit%3Furl%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26title%3D" title="Share on StumbleUpon" class="tt" target="blaqsbi" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fwww.blaqsbi.com&title="><span><img src="/social/img/snshareicons/stumbleupon.png" width="35" height="35"/><myspan> Share on StumbleUpon</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="http%3A%2F%2Fvk.com%2Fshare.php%3Furl%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26title%3D%26comment%3D" title="Share on VK" class="tt" target="blaqsbi" href="http://vk.com/share.php?url=https%3A%2F%2Fwww.blaqsbi.com&title=&comment="><span><img src="/social/img/snshareicons/vk.png" width="35" height="35"/><myspan> Share on VK</myspan></span></a></li><li class="mobileHeight social-share-buttons"><a data-url-encode="mailto%3A%3Fsubject%3Dhttps%253A%252F%252Fwww.blaqsbi.com%26body%3Dhttps%253A%252F%252Fwww.blaqsbi.com" title="Share on EMail" class="tt" target="blaqsbi" href="mailto:?subject=https%3A%2F%2Fwww.blaqsbi.com&body=https%3A%2F%2Fwww.blaqsbi.com"><span><img src="/social/img/snshareicons/email.png" width="35" height="35"/><myspan> Share on EMail</myspan></span></a></li> </div>
<div class="btn-container">
<a class="btn btn-lg btn-info nopointbuttons p-jax" href="/social/custom_pages/view/index/id/1">About Us</a>
<a class="btn btn-lg btn-info nopointbuttons p-jax" href="/social/user/auth/login">Join Us</a>
</div>
<div class="panel-body mobile-app-download">
<div class="text-center" style="font-size: 150%; font-weight: bold;">
Get the App
</div>
<div style="min-height: 50px;display: flex; align-items: center; justify-content: center">
<div class="pull-left download-iTunes">
<a href="https://itunes.apple.com/us/app/blaqsbi/id1400088570" target="_blaqsbi">
<img src="/social/themes/blaqsbi/img/iTunes.png" style="max-width:100%" />
</a>
</div>
<div class="pull-right download-Android">
<a href="https://play.google.com/store/apps/details?id=com.blaqsbi.mobile" target="_blaqsbi">
<img src="/social/themes/blaqsbi/img/en_badge_web_generic.png"
style="max-width:100%;" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.wall_file_layout_content .wall_file_layout_profile {
opacity: 0.0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
position: absolute;
top: 0px;
background-color: white;
z-index: +1;
width: 100%;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
.wall_file_layout_content {
position: relative;
}
.wall_file_layout_content:hover .wall_file_layout_profile {
opacity: 1;
}
.wall_file_layout_content .wall_file_layout_controls {
opacity: 0.0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
position: absolute;
top: 0px;
right: 0px;
background-color: white;
z-index: +1;
}
.wall_file_layout_content:hover .wall_file_layout_controls {
opacity: 1;
}
.wall_file_layout_profile>a:first-child {
height: unset !important;
min-height: 40px !important;
}
.wall_file_layout_controls .wall_file_layout_container_info {
white-space: nowrap;
overflow: hidden;
max-width: 190px;
text-overflow: ellipsis;
}
</style>
<style>
#new-media-panel .wall-scroll-item {
overflow: hidden;
height: 51vh
}
#new-media-panel .panel-body .item-header {
margin-bottom: 5px;
}
#new-media-panel .panel-body .media-body.new-media-item {
-webkit-border-radius: 20px !important;
border-radius: 20px !important;
position: relative;
width: 160px;
height: 300px;
margin: 5px;
background-color: black;
}
#new-media-panel .panel-body {
position: relative;
padding-top: 0px;
}
#new-media-panel .new-media-icon {
display: flex;
position: absolute;
bottom: 30px;
width: 50px;
height: 50px;
box-shadow: 2px 2px 3px 1px #333;
border-radius: 50%;
border: 2px solid #006594;
background: #e9e9e9;
font-size: 30px;
color: #000;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
#new-media-panel .new-media-play-icon {
left: 60px;
}
#new-media-panel .new-media-type-icon {
left: 20px;
}
#new-media-panel .panel-body .media-body.new-media-item img {
object-fit: cover;
height: 300px;
margin: 0 auto;
}
</style>
<div class="panel panel-default" id="new-media-panel">
<div class="panel-heading">
<strong>Trending</strong> media
</div>
<div class="panel-body" style="height: 100%">
<div id="new-media-scroll-Videos-videos" class="new-media-scroll-Videos-videos">
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/364592" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/8d6303a1-e9ab-475a-94ac-6cf8a35dfce5/tstamp/1757455124/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/364591" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/cbca37b6-0583-4605-ba17-f0c2b89695eb/tstamp/1757455125/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/363538" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/2f714ac9-556a-4073-af0b-6ac5492cd54a/tstamp/1757455144/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/363344" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/78cd31dd-09eb-4ceb-b1fd-60828cdfa956/tstamp/1757455144/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/363182" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/cb697810-ab42-4f9d-b0aa-08487566e849/tstamp/1757455151/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/362880" class="p-jax">
<img
src='/social/file/file/view/guid/9ead75f6-48b7-47a3-8fbf-e2931857093e/tstamp/1757455053/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/362862" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/884e967d-5ebe-4381-b47d-e71951160867/tstamp/1757451322/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/362457" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/0f0c1a51-cc59-4fb6-b602-f483b241c459/tstamp/1757451330/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/362450" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/403da030-2592-46ff-ac15-94a777b894ee/tstamp/1757451340/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/videos/file-id/361287" class="p-jax">
<img src="/social/file/file/viewvidthumb/guid/d96eaf17-54c9-430c-af93-fe42597605f0/tstamp/1757451344/imageSize/340/suffix/LinkVideoThumb.jpg">
</a>
</div>
</div>
</div>
<div class="new-media-icon new-media-type-icon">
<i class="fa-light fa-video"></i>
</div> </div>
<script>
featuredScroll('#new-media-scroll-Videos-videos');
$('#new-media-scroll-Videos-videos')
.slick('slickSetOption', "horizontalSwiping", true);
</script>
<div class="panel-body" style="height: 100%">
<div id="new-media-scroll-Music-audio" class="new-media-scroll-Music-audio">
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/357072" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/fc49b931-4764-44c9-80a4-1dc72863d6fd/tstamp/1757441005/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/350639" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/8a9de1c3-41fb-48fa-bf2a-74ba40ce327d/tstamp/1756653136/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/347542" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/2e03d819-1511-4e99-bc88-69fd22cfd608/tstamp/1757075234/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/347540" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/4c12c5af-8ea8-4df4-870d-bc16e7b721b2/tstamp/1756653141/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/347539" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/56b772d3-dcfd-4281-bc7e-2a13c54e6819/tstamp/1756653142/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/345551" class="p-jax">
<img loading="lazy" src='/social/site/viewheaderimage?folder=profile_image&tstamp=1755000735&filename=9b2d5986-ea4c-408b-b0b8-09d2439e038a_originalcropped_340.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/343937" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/15e9c7af-c671-4f98-9a84-1c58a235a6b9/tstamp/1756103348/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/339291" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/a0659e2c-ae5e-403d-8aa5-b6b3fc17cf0d/tstamp/1756103352/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/338887" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/cd296800-0935-4879-ad69-aebcbb1eb1b0/tstamp/1756405625/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/audio/file-id/338463" class="p-jax">
<img loading="lazy" src='/social/file/file/Viewauxfile/guid/df4a3a52-2e8e-4efa-8b10-ff79e065c6bd/tstamp/1756524674/imageSize/340/minetype/image/filename/cover.jpg'>
</a>
</div>
</div>
</div>
<div class="new-media-icon new-media-type-icon">
<i class="fa-light fa-headphones"></i>
</div> </div>
<script>
featuredScroll('#new-media-scroll-Music-audio');
$('#new-media-scroll-Music-audio')
.slick('slickSetOption', "horizontalSwiping", true);
</script>
<div class="panel-body" style="height: 100%">
<div id="new-media-scroll-Photos-photos" class="new-media-scroll-Photos-photos">
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/364617" class="p-jax">
<img
src='/social/file/file/view/guid/7f3ca66c-b6cf-46b0-bfe5-ebd9b3fdf576/tstamp/1757455126/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/364210" class="p-jax">
<img
src='/social/file/file/view/guid/6f73110a-a177-4a5e-890f-368acfc919d6/tstamp/1757455134/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/364116" class="p-jax">
<img
src='/social/file/file/view/guid/640945a0-d54d-4222-8f1a-12369dd608ba/tstamp/1757455135/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/364115" class="p-jax">
<img
src='/social/file/file/view/guid/03114012-608b-4f18-87d8-b6396f023912/tstamp/1757455138/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/363446" class="p-jax">
<img
src='/social/file/file/view/guid/56f614e9-e7fa-4eeb-82cf-1d86cdcf53be/tstamp/1757455144/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/363201" class="p-jax">
<img
src='/social/file/file/view/guid/a36fa4e1-709f-4cf7-8eb1-2d177285d61f/tstamp/1757455146/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/363170" class="p-jax">
<img
src='/social/file/file/view/guid/3c667ec7-218c-4128-95a3-1cd79887998c/tstamp/1757455053/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/363169" class="p-jax">
<img
src='/social/file/file/view/guid/95231c8e-728c-4367-84c1-7f6d76e4e2a0/tstamp/1757455053/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/363141" class="p-jax">
<img
src='/social/file/file/view/guid/9830b7b1-401e-4e9a-a3b5-1a3ddd281c01/tstamp/1757455053/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
<div class="media-body new-media-item round-borders">
<div class="new-media-well">
<a href="/social/media/media/media/type/photos/file-id/362880" class="p-jax">
<img
src='/social/file/file/view/guid/9ead75f6-48b7-47a3-8fbf-e2931857093e/tstamp/1757455053/suffix/pi_340x1000.jpg'>
</a>
</div>
</div>
</div>
<div class="new-media-icon new-media-type-icon">
<i class="fa-light fa-camera-retro"></i>
</div> </div>
<script>
featuredScroll('#new-media-scroll-Photos-photos');
$('#new-media-scroll-Photos-photos')
.slick('slickSetOption', "horizontalSwiping", true);
</script>
</div>
<div id="streamScrollTop"></div>
<script>
var wallRefURL = null;
var notificationRedirectModel = "";
var itemsPerEntry = 5;
var streamLangVar = window.navigator.languages ? window.navigator.languages[0] : null;
streamLangVar = streamLangVar || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage;
streamLangVar = streamLangVar.slice(0, 2)
doNotWatchScroll = false;
inWallStream = true;
</script>
<div id="filerDisplay"></div>
<div id="wallStream">

<div class="s2_single">
<div class="p_border"></div>
<div class="s2_singleContent"></div>
<div class="loader streamLoaderSingle"></div>
</div>

<div class="s2_stream" style="display:none">
<div class="s2_streamContent"></div>
<div class="streamLoader">
<div class="wall-entry" style="height: 85vh">
<div class="panel panel-default">
<div class="panel-body">
<br />
</div>
</div>
</div>
</div>
<div class="emptyStreamMessage">
<div class="text-center emptyStream">
<div class="wall-entry wall-entry-temp panel panel-default">
<div class="panel panel-default">
<div class="panel-heading">
<b>Nothing is trending yet.</b><br><br><span class="be-first-button btn btn-info">Add to the collective.<br/>Post something positive.<span> </div>
</div>
</div>
</div>
</div>
<div class="emptyFilterStreamMessage">
<div class="emptyStream">
<div class="wall-entry wall-entry-temp panel panel-default">
<div class="panel panel-default">
<div class="panel-heading">
<b>Nothing found which matches your current filter(s)!</b>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="text-center" style="height: 5vh;">
<span id="btn-load-more">Load more</span>
</div>
<div class="modal" id="postPendingModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true"
data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Post submitted and pending approval</h5>
</div>
<div class="modal-body">
<span>Your post was submitted and is waiting approval by one of the huddle administrators. You will get a notification when it is approved.</span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
addModalToExternalLink();
lscache.flush();
inContentStream = true;
scrollStreamDone = new Array();
imgSelected = [];
videoSelected = [];
currentWallEntryId = 0;
$(document).off('showfeaturedContent');
$(document).off('showStreamComplete');
$(document).off('loadMoreStreamComplete');
$(document).off('reloadStreamComplete');
$('.cat-main-container').addClass('pointer-disabled');
wallRefURL = '';
wallType = 'Community';
$(document).ready(function() {
$(".wall-entry-image-temp").each(function(index) {
weimgurl = $(this).attr("po-imgurl");
$(this).removeAttr("po-imgurl");
$(this).removeClass("wall-entry-image-temp");
if (weimgurl != '') {
$(this).attr("src", weimgurl);
}
});
s = new Stream("#wallStream", "/social/home_public/home_public/stream/type/Community/mtype/home/guid//limit/5/from/0/filters/filter_placeholder/sort/sort_placeholder", "/social/home_public/home_public/stream/type/Community/mtype/home/guid//limit/5/from/lastEntryId/filters/filter_placeholder/sort/sort_placeholder", "/social/wall/wall/Singlecontent/type/Community/guid//limit/1/from/fromEntryId");
s.showStream();
$(document).one('showStreamComplete', function() {
if (s.loadedEntryCount == 0 && wallType != 'Moderator') {
$(".wallFilterPanel").parent().parent().hide();
$(".emptyStreamMessage").append('<div class="loader"></div>');
$.get('/social/wall/wall/loademptystreamaddon/type/Community/guid/', function(html) {
setTimeout(function() {
$(".emptyStreamMessage").append(html);
$(".emptyStreamMessage").find(".loader").remove();
}, 1000);
});
}
});
// Indicates this is the primary stream (not a module stream)
mainStream = s;
// Current active stream
currentStream = s;
$('#btn-load-more').click(function() {
// load next wall entries
currentStream.loadMore();
});
});
$(document).on('AllStrreamListenvers', function() {
if (isCordovaApp) {
mobileUpdatelinkInjection();
} else {
addModalToExternalLink();
}
});
$(document).off('showFilterSingleStreamComplete');
$(document).one('showFilterSingleStreamComplete', function() {
$("html, body").stop().animate({
scrollTop: $("#main-stream-top").offset().top - 115
}, {
duration: 1000,
always: function() {
$("#initial-panel").slideUp("slow", function() {
$(".main-cat-list").removeClass("hidden");
$("#initial-panel").empty();
});
}
});
});
$("#topPageTitle").html("Trending");
original_title = 'Trending';
function loadExtraContent(element, EntryCount) {}
$(".extraHoriScroll").mousewheel(function(event, delta) {
this.scrollLeft -= (delta * 10);
//event.preventDefault();
});
$(document).on('showStreamComplete', function() {
$('.cat-main-container').removeClass('pointer-disabled');
});
$(document).one('ready pjax:complete', function() {
$('#filter').append('<li class="wallFilterPanel loading-filtes"><a class="dropdown-toggle mobileHeight" data-toggle="dropdown" href="#">Loading...</a></li>');
});
$(document).one('showStreamComplete', function() {
$('#filter').parent().find(".loading-filtes").remove();
$(document).trigger('AllStrreamListenvers');
});
$("#wallStream").off('swipe').swipe(
function(direction) {
mainWindowSwipeDirection = direction;
if ($("#headerTabContainer").length && showLoadingPopState == true) {
if (direction == "right") {
tabSwipeLeft();
}
if (direction == "left") {
tabSwipeRight();
}
}
}, {
preventDefault: false,
mouse: true,
pen: true,
distance: (mainWindowWidth / 1.5)
});
$(".referral-header .headerTabMainContainer").remove();
</script>
<style>
.displayFilter,
.displayFilterTags {
padding: 4px 10px 4px 10px !important;
border-radius: 15px;
color: white !important;
background-color: #006494;
white-space: break-spaces;
}
.label-temp-user {
color: #aaaaaa73 !important;
background-color: #aaaaaa73 !important;
}
.emptyStreamMessage .text-center.emptyStream>div>div .panel-heading {
padding-bottom: 20px;
}
.crawler-content {
height: 100px;
width: 100%;
overflow: hidden;
position: fixed;
top: -200px;
}
#wallStream {
min-height: 100vh;
}
</style>
<style>
.guestModal.in {
display: flex !important;
}
.guestModal.in .modal-dialog {
width: 100%;
display: flex !important;
justify-content: center;
align-items: center;
margin-bottom: 0px;
}
</style>
<div class="modal globalModal" id="guestOverlayModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static"
aria-hidden="true">
<div class="modal-dialog animated slideInDown">
<div class="modal-content">
<style>
.splash-guest-intro {
margin-bottom: 10px;
}
.nopointbuttons {
margin-bottom: 5px;
}
.feature-heading {
font-size: 125%;
}
.feature-container {
margin-top: 5px;
}
.btn-container {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.btn-container .btn {
width: 45%;
}
.in .splash-slideshow-wall-entry .panel,
.in .wall-entry.splash-slideshow-wall-entry {
margin-bottom: 0px;
}
.feature-container a {
font-weight: bold;
}
</style>
<script>
muted = true;
</script>
<div class=" splash-slideshow-wall-entry">
<div class="panel panel-default">
<div class="panel-body">

<video muted autoplay loop webkit-playsinline playsinline controls src="/social/vids/FounderIntro.mp4" poster="/social/img/goodvibesbgn.jpg" width="100%" class="note-video-clip round-borders" id="splash-video"></video>

<div class="text-center">
<div class="btn-container">
<a class="btn btn-lg btn-info nopointbuttons p-jax" href="/social/custom_pages/view/index/id/1">About Us</a>
<a class="btn btn-lg btn-info nopointbuttons p-jax" href="/social/user/auth/login">Join Us</a>
</div>
<div class="panel-body mobile-app-download">
<div class="text-center" style="font-size: 150%; font-weight: bold;">
Get the App
</div>
<div style="min-height: 50px;display: flex; align-items: center; justify-content: center">
<div class="pull-left download-iTunes">
<a href="https://itunes.apple.com/us/app/blaqsbi/id1400088570" target="_blaqsbi">
<img src="/social/themes/blaqsbi/img/iTunes.png" style="max-width:100%" />
</a>
</div>
<div class="pull-right download-Android">
<a href="https://play.google.com/store/apps/details?id=com.blaqsbi.mobile" target="_blaqsbi">
<img src="/social/themes/blaqsbi/img/en_badge_web_generic.png"
style="max-width:100%;" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(".be-first-button").click(function() {
pJaxRedirect('/social/user/auth/login');
});
function showGuestModal() {
const video = document.getElementById("splash-video");
video.currentTime = 0;
video.pause();
$(".s2_stream, .s2_single").remove();
streanScrollWatcher.off('.showguestmodal');
const now = new Date();
const thirtySecondsFromNow = new Date(now.getTime() + 15 * 1000);
$.cookie('showGuestModalCookie', 'yes', {
expires: thirtySecondsFromNow,
path: '/'
});
$('#guestOverlayModal').modal({
show: 'true'
});
showHideNavs('hide');
stickTabHeader('hide');
stickFilterHeader('hide');
setNoHideOnScroll(1, 0);
setTimeout(() => {
video.play();
setTimeout(() => {
showHideNavs('hide');
stickTabHeader('hide');
stickFilterHeader('hide');
setNoHideOnScroll(1, 0);
}, 1000);
}, 2000);
}
$(document).on('loadMoreStreamComplete', function() {
guestWallEntryCount++;
});
function openGuestOverlayModal() {
if (guestWallEntryCount >= 2) {
showGuestModal();
guestWallEntryCount = 0;
}
}
streanScrollWatcher.off('scroll.showguestmodal').on('scroll.showguestmodal', throttle(openGuestOverlayModal, 1000));
</script>
<script>
$(".time").timeago();
if (!isCordovaApp) {
if (sessionStorage.getItem("lastURLLoadedSession") != 1) {
const currentURL = (localStorage.getItem("currentURL") + '').trim();
if (
currentURL &&
currentURL != "null" &&
currentURL != "" &&
currentURL != "/social/home_public/home_public" &&
currentURL.toLowerCase().indexOf("pjxcnt") < 1 &&
currentURL.toLowerCase().indexOf("user/auth/login") < 1 &&
currentURL != window.location.pathname
) {
window.location = (currentURL.replace("pjxcnt/1", ""));
}
sessionStorage.setItem("lastURLLoadedSession", 1);
}
}
</script> </div>
<div id="rigthCollBot"></div>
<div class="col-md-3 space-sidebar-container hidden-sm hidden-xs">
<div id="setFixedRight">

<div class="panel panel-default" id="events-panel-sideBar">
<ul class="nav nav-pills preferences">
<li class="dropdown ">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu pull-right">
<li><a href="javascript:togglePanelUp('events-panel-sideBar');" class="panel-collapse"><i
class="fa fa-minus-square"></i> Collapse</a></li>
<li><a href="javascript:togglePanelDown('events-panel-sideBar');" class="panel-expand" style="display:none;"><i
class="fa fa-plus-square"></i> Expand</a></li>
</ul>
</li>
</ul>
<script>
$(document).ready(function() {
});
</script> <div class="panel-heading"><strong>Events </strong></div>
<div class="panel-body">
<div class="panel-heading">Upcoming events</div>
<ul class="media-list">
<li style="padding: 0=3px; margin: 0px 0px 10px 0px;">
<div class="media">
<a href="/social/s/189ee15f-cd6b-4bc9-bc22-0896462f1579/home/wallEntryId/3291790"
title="The Sunday Circle"
alt="The Sunday Circle"
class="p-jax">
<img src="/social/file/file/view/guid/c824079e-44fc-46df-a7af-b63fea70cdfc/tstamp/1757459408/suffix/pi_140x140.jpg"
title="The Sunday Circle"
alt="The Sunday Circle"
class="pull-left" width="25%"
style="margin: 2px 4px 0px 0px " />
<strong>The Sunday Circle</strong><br />
<small><p style="line-height: 175%"> When: <b><span class="time" title="2025-09-14 12:00:00">2025-09-14 12:00:00</span></b>: <i> Sunday September 14, 2025
(12:00 PM -
3:00 PM)
</i> - EDT (America/New York)<br/>Duration: <b> 3 hours </b></p></small>
</a>
<div class="clearfix" style="height: 15px;"></div>
</div>
</li>
</ul>
</div>
</div> <div id="rigthCollBot"></div>
</div>
</div>
</div>
</div>
<script>
$(".extraHoriScroll").mousewheel(function(event, delta) {
this.scrollLeft -= (delta * 10);
event.preventDefault();
});
addModalToExternalLink();
</script>
</div>

<div style="height: 15px" class="hidden-xs"></div>

<div class="modal fade" id="userListModal" tabindex="-1" role="dialog" aria-labelledby="userListModal"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="min-height: 100vh">
<div class="responsiveLoader"></div>
</div>
</div>
</div>
</div>
<div class="modal globalModal fade mobileGlobalModal" id="globalModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="min-height: 100vh">
<div class="responsiveLoader"></div>
</div>
</div>
</div>
</div>
<div class="modal globalModal fade" id="globalModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="min-height: 100vh">
<div class="responsiveLoader"></div>
</div>
</div>
</div>
</div>
<div class="modal globalModal fade" id="globalModal2a" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="min-height: 100vh">
<div class="responsiveLoader"></div>
</div>
</div>
</div>
</div>
<div class="modal fade mobileGlobalModal" id="globalModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="min-height: 100vh">
<div class="responsiveLoader"></div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="rtcInCallModal" tabindex="-1" data-backdrop="static" data-keyboard="false" role="dialog" style="z-index: 123455;"
aria-labelledby="rtcInCallModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="videos">
<div class="btn-default speaking-with" id="speaking-with-modal" style="padding:5px; display: none;"></div>
<video autoplay="autoplay" playsinline="playsinline" id="callerVideo" class="video-display" style="display: none;"></video>
<video autoplay="autoplay" playsinline="playsinline" id="selfVideo" class="video-display easyrtcMirror" muted="muted" volume="0"></video>
</div>
<div id="demoContainer">
<div id="connectControls">
<div class="text-center" id="callBtns">
<button class="btn btn-info btn-sm audio-on" id="shareAudio"><i class="fa fa-microphone"></i>
</button>
<button class="btn btn-info btn-sm video-on" id="shareVideo"><i class="fa fa-video-camera"></i>
</button>
<span class="dropup">
<span class="nav-pills dropdown">
<a class="dropdown-toggle btn btn-info btn-sm" data-toggle="dropdown" href="#">
<i class="fa fa-cogs"></i>
</a>
<span class="dropdown-menu pull-right" id="media-souce-dropdown">
<h5> Video sources</h5>
<div id="videoSrcBlk" class="media-source">
</div>
<h5> Audio sources</h5>
<div id="audioSrcBlk" class="media-source">
</div>
</span>
</span>
</span>
<button class="btn btn-danger btn-sm" id="hangupButton" disabled="disabled" onclick="hangup()">
<i class="fa fa-phone-square"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$("#close-in-call-button").click(function(){
hangup();
});
$('#media-souce-dropdown').on("click.bs.dropdown", function (e) {
e.stopPropagation();
});
function setdevicesOnOff() {
if (videoOn == true ) {
$("#selfVideo").show();
$('#shareVideo').addClass("video-on").addClass("btn-info").removeClass("btn-danger");
} else {
$("#selfVideo").hide();
$('#shareVideo').removeClass("video-on").removeClass("btn-info").addClass("btn-danger");
}
if (audioOn == true) {
$('#shareAudio').addClass("audio-on").addClass("btn-info").removeClass("btn-danger");
$('#shareAudio').html('<i class="fa fa-microphone"></i>');
} else {
$('#shareAudio').removeClass("audio-on").removeClass("btn-info").addClass("btn-danger");
$('#shareAudio').html('<i class="fa fa-microphone-slash"></i>'); audioOn = false;
}
}
function setCallElemnts() {
if(!videoChatModalLoaded) {
connect();
setdevicesOnOff();
$('#shareVideo').on('click', function () {
if ($(this).hasClass("video-on")) {
videoOn = false;
} else {
videoOn = true;
}
setdevicesOnOff();
$.cookie('videoOn', videoOn, 5*365);
easyrtc.enableCamera(videoOn);
});
$('#shareAudio').on('click', function () {
if ($(this).hasClass("audio-on")) {
audioOn = false;
} else {
audioOn = true;
}
setdevicesOnOff();
$.cookie('audioOn', audioOn, 5*365);
easyrtc.enableMicrophone(audioOn);
});
videoChatModalLoaded = true;
}
}
$('#rtcInCallModal').on('hidden.bs.modal', function () {
easyrtc.closeLocalMediaStream();
$("#callerVideo").hide();
});
</script>
</div>
<div class="modal fade" id="rtcCallingModal" tabindex="-1" data-backdrop="static" data-keyboard="false" role="dialog" style="z-index: 123456;"
aria-labelledby="myModalLabel3" aria-hidden="true">
<div class="modal-dialog modal-dialog-extra-small">
<div class="modal-content">
<div class="modal-header" id="rtcCallHeaderBx">
<h5 class="modal-title"><strong>Call</strong> message</h5>
</div>
<div class="modal-body">
<div class="text-center" id="rtcCallMessageBx"></div>
</div>
<br />
</div>
</div>
</div>
</div>
<div class="modal fade" id="warningModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true"
data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Warning</h5>
</div>
<div class="modal-body">
<span class="text-danger"></span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<style>
.mobileMenuCont {
height: 50px;
padding: 0px;
bottom: 0px;
border-width: 0px 0 0;
}
#mobileMenuCont {
background-color: #1b1b1bc4 !important;
}
#footer-container {
z-index: 4;
display: flex;
flex-flow: row nowrap;
/* background-color: #1b1b1bc4 !important; */
height: 50px;
/* border-radius: 20px; */
/*text-shadow: 1px 1px #777777c4;
border: 1px solid #cfdcf1;*/
}
#footer-container .dropdown.open .icon-container i {
font-weight: 900;
}
#footer-container .btn-group-container {
flex: 1 auto;
text-align: center !important;
}
#footer-container .dropdown-menu {
width: 314px;
min-height: 60px;
padding: 0px 0;
text-align: left !important;
}
#footer-container .open>.dropdown-menu,
#add-post-container .open>.dropdown-menu,
#streamWhatYouUpToContainer .open>.dropdown-menu {
max-height: 100vh;
visibility: visible;
}
#footer-container .dropdown-menu,
#add-post-container .dropdown-menu,
#streamWhatYouUpToContainer .dropdown-menu {
display: block;
max-height: 0;
visibility: hidden;
transition: all 0.8s ease-in-out;
overflow: hidden;
}
#footer-container .dropdown-menu ul.media-list {
height: 600px;
overflow: auto;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-moz-border-bottom-right-radius: 8px;
padding-bottom: 85px;
}
#search-pulldown-container>div>a .fa,
#search-pulldown-container>div>a .fa-light {
color: #999;
}
#footer-container .btn-group-container>div>a .fa,
.btn-group-container>div>a .fa-light,
#search-pulldown-container>div>a .fa,
#search-pulldown-container>div>a .fa-light {
font-size: 208% !important;
min-width: 35px;
color: #dddddd !important;
}
#footer-container .btn-group-container .open>a .fa,
#footer-container .btn-group-container .open>a .fa-light,
#search-pulldown-container .open>a .fa,
#search-pulldown-container .open>a .fa-light {
color: #aaa;
}
#footer-container .btn-group-container .open>a,
#footer-container .btn-group-container .open>a,
#search-pulldown-container .open>a,
#search-pulldown-container .open>a {
background: black;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width: 100%;
}
.bottom-nav-buttons {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 180%;
-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.bottom-nav-buttons .fa-light {
width: 50px;
color: #dddddd !important;
}
.bottom-nav-buttons-blue {
background: #006494;
padding: 6px;
}
.bottom-nav-buttons-blue i {
font-weight: 900;
}
.bottom-nav-buttons-grey {
background-color: #1b1b1bc4 !important;
padding: 6px 0px
}
#footer-container .dropdown>a .label {
position: absolute;
top: -1px;
right: -8px;
min-width: 20px;
margin: 0px;
padding: 2px 4px 2px 4px;
border-radius: 10px;
}
#footer-container .dropdown-header {
font-weight: bold;
color: #000000;
font-size: 16px;
padding: 3px 10px;
margin-top: -4px;
margin-bottom: 10px;
position: absolute;
width: 100%;
z-index: 9999;
background-color: #d9e4f4;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
}
#footer-container .dropdown-footer {
position: absolute;
width: 100%;
bottom: 50px;
}
#footer-container>div>div>ul>div {
position: relative;
height: 100%
}
#footer-container .btn-group-container .btn-group>a {
display: block;
height: 51px;
margin-top: -1px;
position: relative;
}
#footer-container #dropdown-notifications ul.media-list,
#footer-container #dropdown-activities ul.media-list {
/ / padding-top: 82 px;
}
.notification-list-buffer {
height: 60px;
}
@media screen and (max-width: 991px) {
.notification-list-buffer {
height: 80px;
}
#footer-container .dropdown-footer {
bottom: 65px;
}
}
#footer-container #dropdown-messages ul.media-list,
#footer-container #dropdown-chat ul.media-list,
#footer-container #dropdown-online-users ul.media-list {
padding-top: 27px;
}
#footer-container .btn-group-container {
/*display: inline-block;*/
}
#footer-container .btn-group-container .dropdown-menu li .media .img-space {
position: absolute;
top: 33px;
left: 33px;
}
#footer-container .btn-group-container .dropdown-menu .media,
#mainSearchForm {
position: relative;
}
#footer-container #search-menu-dropdown form {
margin: 10px;
}
#footer-container .btn-group {
width: 100%;
}
#footer-container .btn-group .icon-container {
position: absolute;
width: 50px;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
#footer-container #search-menu-dropdown .search-reset {
position: absolute;
color: #999;
margin: 10px;
top: -2px;
right: -4px;
display: none;
cursor: pointer;
}
#footer-container #search-menu-dropdown #search-form-container {
position: absolute;
bottom: 2px;
width: 100%;
}
.dropdown-menu-center {
right: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#footer-container #search-menu-dropdown #search-result-media-list {
margin-bottom: 50px;
}
#scroll-to-top-container {
bottom: 60px;
height: unset;
pointer-events: none;
}
#overall-file-upload-progress-container {
bottom: 150px;
display: none;
}
#overall-file-upload-progress-container .container>div {
float: right !important;
cursor: pointer;
}
#scroll-to-top-container #scroll-to-top-link {
pointer-events: all;
}
#scroll-to-top-link .fa:hover {
opacity: 1;
color: #006494;
}
#footer-container .dropdown-footer>a {
margin-left: 10%;
margin-right: 42px;
margin-top: 6px;
margin-bottom: 3px;
width: 80%;
}
#add-post-container {
bottom: 50px;
cursor: pointer;
pointer-events: none;
height: unset;
display: none;
}
#add-post-container-link {
pointer-events: all;
background: #006494;
border: 1px solid #46b8da;
display: inline-block;
width: 150px;
height: 50px;
position: relative;
border-radius: 25px;
}
#add-post-container-link>span {
line-height: 25px;
position: absolute;
font-size: 50%;
color: white;
top: 20px;
left: 0px;
width: 100%;
}
#add-post-container-link>i {
color: white;
position: absolute;
font-size: 90%;
width: 100%;
top: 0px;
left: 0px;
}
#streamWhatYouUpToContainer .dropdown-menu {
width: unset;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#streamWhatYouUpToContainer .dropdown-menu li {
float: left;
min-width: 50%;
}
.add-post-dropdown-menu {
pointer-events: all;
width: 96%;
height: unset;
padding: 0px;
}
.add-post-dropdown-menu li {
float: left;
min-width: 50%;
}
.add-post-dropdown-menu li,
#streamWhatYouUpToContainer .dropdown-menu li {
min-width: 50%;
text-align: center;
/*margin-top: 7px;*/
margin-bottom: 7px;
}
.add-post-dropdown-menu .dropdown-backdrop,
#streamWhatYouUpToContainer .dropdown-backdrop {
z-index: +1 !important;
}
.add-post-dropdown-menu li a,
#streamWhatYouUpToContainer .dropdown-menu li a {
padding: 0px 10px 10px;
height: unset;
}
@media (min-width: 320px) {
.add-post-dropdown-menu li,
#streamWhatYouUpToContainer .dropdown-menu li {
min-width: 33%;
margin: 0px;
font-size: 90%;
font-size: 95%;
}
}
@media (min-width: 768px) {
.add-post-dropdown-menu {
width: 720px;
}
.add-post-dropdown-menu li,
#streamWhatYouUpToContainer .dropdown-menu li {
min-width: 25%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.add-post-dropdown-menu {
width: 456px;
}
.add-post-dropdown-menu li,
#streamWhatYouUpToContainer .dropdown-menu li {
min-width: 33%;
}
}
@media (min-width: 1200px) and (max-width: 5200px) {
.add-post-dropdown-menu {
width: 550px;
}
.add-post-dropdown-menu li,
#streamWhatYouUpToContainer .dropdown-menu li {
min-width: 33%;
}
}
.progress-knob {
font-size: 110% !important;
}
#bottom-dropup-menu>li {
overflow-y: scroll;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
</style>
<style>
#music-stream-container .jp-controls {
pointer-events: all;
overflow: unset;
}
#music-stream-container .jp-controls .fa:hover,
.ms-track-info:hover {
opacity: 1;
color: #006494;
}
#music-stream-container {
bottom: 60px;
pointer-events: none;
height: unset;
}
#music-stream-container #music-stream-dropdown {
pointer-events: all;
}
#music-stream-container #music-stream-dropdown img {
width: 50px;
height: 30px;
}
#music-stream-container .dropdown-menu {
pointer-events: none;
left: unset;
min-width: 100%;
background-color: unset;
border: unset;
box-shadow: unset;
padding-left: 0px;
}
#music-stream-container .ms-container {
width: 22%;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 6px;
border-radius: 25px !important;
-webkit-box-shadow: 6px 6px 15px 0px rgba(0, 0, 0, 0.68);
box-shadow: 6px 6px 15px 0px rgba(0, 0, 0, 0.68);
pointer-events: all;
}
#music-stream-container .ms-container a {
text-shadow: unset;
}
@media (min-width: 100px) {
#music-stream-container .ms-container {
width: 85%;
}
}
@media (min-width: 240px) {
#music-stream-container .ms-container {
width: 75%;
}
}
@media (min-width: 280px) {
#music-stream-container .ms-container {
width: 70%;
}
}
@media (min-width: 320px) {
#music-stream-container .ms-container {
width: 65%;
}
}
@media (min-width: 360px) {
#music-stream-container .ms-container {
width: 60%;
}
}
@media (min-width: 375px) {
#music-stream-container .ms-container {
width: 55%;
}
}
@media (min-width: 411px) {
#music-stream-container .ms-container {
width: 50%;
}
}
@media (min-width: 414px) {
#music-stream-container .ms-container {
width: 45%;
}
}
@media (min-width: 768px) {
#music-stream-container .ms-container {
width: 40%;
}
}
@media (min-width: 992px) {
#music-stream-container .ms-container {
width: 23%;
}
}
.ms-controls {
font-size: 21px
}
.ms-controls,
.ms-track-info {
display: flex;
flex-flow: row nowrap;
height: 50px;
}
.ms-controls div {
flex: 1 auto;
width: 100%
}
.ms-controls .fa-caret-up {
font-size: 190%;
}
.ms-track-icon img {
height: 50px;
width: 50px;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.ms-track-info {
opacity: 1;
width: 95%;
height: 50px;
border-radius: 50px;
background-color: #ccc;
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
margin-left: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
margin-bottom: 15px;
}
.ms-track-progress-container {
margin-left: 0px;
width: 100%;
}
.ms-track-progress {
width: 100%;
height: 50px;
position: relative;
cursor: pointer;
display: table;
table-layout: fixed;
}
.ms-track-progress-bg {
position: absolute;
height: 50px;
top: 0;
left: 0;
background-color: #006494;
z-index: 10;
opacity: 0.7;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.ms-track-title {
width: 100%;
height: 50px;
color: black;
font-size: 85%;
padding-right: 4px;
padding-left: 6px;
padding-top: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
text-shadow: 1px 1px 2px white;
padding-top: 5px;
}
.ms-track-icon-container {
pointer-events: all;
}
.ms-track-icon {
padding-right: 0px !important;
}
#music-stream-container .open>.dropdown-menu {
max-height: 800px;
visibility: visible;
}
#music-stream-container .dropdown-menu {
display: block;
max-height: 0;
visibility: hidden;
transition: all 0.8s ease-in-out;
overflow: hidden;
}
.mobileMenuContX {
padding: 5px;
bottom: 47px;
transition: bottom 0.2s ease-in-out !important
}
.mobileMenuContX .fa-stack {
text-shadow: 1px 1px 1px #000;
color: #a7a7a7 !important;
}
#music-stream-container #music-stream-dropdown #nav-music-icon {
padding-right: 3px;
}
#music-stream-container .music-stream-keep-open .dropdown-menu {
background-color: unset !important;
}
</style>
<div class="navbar-fixed-bottom mobileMenuCont" id='music-stream-container'>
<div class="container">
<div class="text-left dropdown dropup music-stream-keep-open">
<a href="#" class="dropdown-toggle bottom-nav-buttons bottom-nav-buttons-grey text-center no-lock-scroll" id="music-stream-dropdown" data-toggle="dropdown">
<i class='fa fa-light fa-signal-stream fa-inverse' id="nav-music-icon"></i>
<img id="nav-music-ico-bars-gif" class="hidden" src="/social/img/playingBars.gif">
</a>
<div class="dropdown-menu">
<div class="panel panel-default ms-container">
<div style="margin: 0px 0px 15px 10px;"><b>Radio</b></div>
<div class="jp-gui jp-interface">
<div class="ms-track-info hidden">
<div class="ms-track-icon-container">
<a class="ms-track-icon">
<img class="img-rounded user-image user-icon-photo pull-left" height="80">
</a>
</div>
<div class="ms-track-progress-container">
<div class="ms-track-progress">
<div class="ms-track-title text-left">
<div class="ms-title"></div>
<div class="ms-genre"></div>
</div>
<div class="ms-track-progress-bg pull-left"></div>
</div>
</div>
</div>
<div class="jp-controls ms-controls">
<div>
<a href="#" class="ms-pause fa-stack hidden pull-left"><i class='fas fa-circle fa-stack-2x'></i><i class='fas fa-pause fa-stack-1x fa-inverse'></i></a>
<a href="#" class="ms-play fa-stack pull-left"><i class='fas fa-circle fa-stack-2x'></i><i class='fas fa-play fa-stack-1x fa-inverse'></i></a>
</div>
<div class="text-center">
<a href="#" class="ms-skip fa-stack"><i class='fas fa-circle fa-stack-2x'></i><i class='fas fa-step-forward fa-stack-1x fa-inverse'></i></a>
</div>
<div class="text-center">
<a href="/social/media/media/configmusictreampop" class="ms-menu fa-stack pull-right tt" id="btn-music-settings" title="blaqsbiall"><i class='fas fa-circle fa-stack-2x'></i><i class='fas fa-bars fa-stack-1x fa-inverse'></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ms_jplayer_container"></div>
</div>
<script>
var ms_jplayer = $("#ms_jplayer_container");
var ms_track;
var ms_track_id = 0;
var ms_next_track_id = 0;
var ms_track_duration = 0;
var ms_first_play = true;
var ms_source = 'blaqsbi';
var ms_genre = 'all';
var ms_play_status = 0;
ms_jplayer.jPlayer({
ready: function() {
ms_track_id = getCookieTrackId();
},
timeupdate: function(event) {
ms_track_duration = event.jPlayer.status.duration;
updateMSProgressBar(parseInt(event.jPlayer.status.currentPercentAbsolute, 10));
},
play: function(event) {
ms_jplayer.jPlayer("pauseOthers");
$(".ms-play").addClass("hidden");
$(".ms-pause").removeClass("hidden");
if (typeof wavesurfer !== 'undefined') {
try {
wavesurfer.pause();
} catch (er) {}
}
for (let item in yTPlayer) {
try {
yTPlayer[item].pauseVideo();
} catch (er) {}
}
$('#nav-music-icon').addClass('hidden');
$('#nav-music-ico-bars-gif').removeClass('hidden');
$('#music-stream-container').removeClass('mobileMenuCont').removeClass('mobile-menu-down').addClass('mobileMenuContX');
$(".ms-track-info").removeClass("hidden");
$(".ms-track-info").stop().fadeIn("slow");
ms_is_playing = 1;
},
canplay: function(event) {
if (ms_source != 'blaqsbi') {
updateRadioStationErrorCount('reset');
}
},
pause: function(event) {
doNotWatchScroll = false;
$(".ms-play").removeClass("hidden");
$(".ms-pause").addClass("hidden");
$(".ms-play").addClass("paused");
$('#nav-music-icon').removeClass('hidden');
$('#nav-music-ico-bars-gif').addClass('hidden');
$('#music-stream-container').addClass('mobileMenuCont').removeClass('mobileMenuContX');
$(".ms-track-info").stop().fadeOut("slow");
ms_is_playing = 0;
},
loadstart: function() {
$(".ms-pause .fa-pause").fadeOut(function() {
$(".ms-pause .fa-pause").fadeIn();
});
},
seeking: function() {
$(".ms-pause .fa-pause").fadeOut(function() {
$(".ms-pause .fa-pause").fadeIn();
});
},
stalled: function() {
$(".ms-pause .fa-pause").fadeOut(function() {
$(".ms-pause .fa-pause").fadeIn();
});
},
ended: function(event) {
if (ms_source == 'blaqsbi') {
ms_first_play = false;
ms_next_track_id = 0;
}
if (loadNextMSTrack()) {
ms_jplayer.jPlayer("play");
}
},
error: function(event) {
if (ms_source != 'blaqsbi') {
updateRadioStationErrorCount('increase');
}
if (ms_source == 'blaqsbi') {
ms_first_play = false;
ms_next_track_id = 0;
}
if (loadNextMSTrack()) {
ms_jplayer.jPlayer("play");
$('#nav-music-icon').removeClass('hidden');
$('#nav-music-ico-bars-gif').addClass('hidden');
$('#music-stream-container').addClass('mobileMenuCont').removeClass('mobileMenuContX');
}
},
volume: 1,
swfPath: "../dist/jplayer",
cssSelectorAncestor: "#jp_container",
supplied: "mp3",
wmode: "window"
});
function getNextMSTrack(action) {
var output;
var track_id;
if (ms_first_play == true && ms_source != 'blaqsbi') {
track_id = getCookieTrackId();
ms_first_play = false;
} else {
track_id = ms_next_track_id;
}
$.ajax({
dataType: "json",
type: 'get',
url: baseURL + '/media/media/getnextaudio',
data: {
source: ms_source,
genre: ms_genre,
next_id: track_id
},
async: false
}).done(function(data) {
output = data.media;
});
return output;
}
function getRadioLabel(source) {
if (source == 'blaqsbi') {
return "Blaqsbi";
} else {
return "Internet";
}
}
function getGenreLabel(genre) {
if (genre == 'all') {
return "All Genres";
} else {
return genre;
}
}
function updateRadioStationErrorCount(action) {
$.ajax({
dataType: "json",
type: 'get',
url: baseURL + '/media/media/updatestationerrorcount',
data: {
id: ms_track_id,
action: action
},
async: false
})
}
function loadNextMSTrack(action) {
ms_track = getNextMSTrack(action);
if (!ms_track) {
return false;
}
ms_jplayer.jPlayer("setMedia", {
mp3: ms_track.media_url
});
ms_track_id = ms_track.id;
ms_next_track_id = ms_track.next_id;
doNotWatchScroll = true;
setCookieTrackId(ms_track_id);
$(".ms-track-info").removeClass("hidden");
$(".ms-track-icon img").attr('src', ms_track.media_icon);
if (ms_track.media_content_url && ms_track.media_content_url.trim() != '') {
$(".ms-track-icon").attr('href', ms_track.media_content_url);
}
$(".ms-track-title .ms-title").html(ms_track.media_title);
$(".ms-track-title .ms-genre").html(getRadioLabel(ms_source) + "/" + getGenreLabel(ms_genre));
$(".ms-track-icon").off();
$(".ms-track-icon").on("click", function(e) {
e.preventDefault();
e.stopPropagation();
if (ms_source != 'blaqsbi') {
PopupCenter(ms_track.media_content_url, 'blaqsbi', pCoBf.w, pCoBf.h);
} else {
playFromMusicStream(ms_track);
}
});
if (ms_source != 'blaqsbi') {
$(".ms-track-progress").css('pointer-events', 'none');
} else {
$(".ms-track-progress").css('pointer-events', 'all');
}
return true;
}
$('.ms-track-progress').off();
$('.ms-track-progress').click(function(e) {
e.stopPropagation();
e.stopPropagation();
duration = ms_track_duration;
var bcr = this.getBoundingClientRect();
clickPercent = ((e.clientX - bcr.left) / bcr.width);
seektoNumber = Math.round(duration * clickPercent);
ms_jplayer.jPlayer("play", seektoNumber)
});
$(".ms-play").off();
$(".ms-play").click(function(e) {
e.preventDefault();
e.stopPropagation();
doNotWatchScroll = true;
ms_jplayer.jPlayer("pauseOthers");
if (!$(".ms-play").hasClass("paused")) {
if (loadNextMSTrack()) {
$(".ms-play").removeClass("paused");
}
}
if (typeof ms_jplayer.data().jPlayer !== 'undefined') {
if (ms_jplayer.data().jPlayer.status.paused === true) {
ms_jplayer.jPlayer("play");
}
}
$(".ms-play").addClass("hidden");
$(".ms-pause").removeClass("hidden");
ms_play_status = 1;
});
$(".ms-pause").off();
$(".ms-pause").click(function(e) {
e.preventDefault();
e.stopPropagation();
if (typeof ms_jplayer.data().jPlayer !== 'undefined') {
if (ms_jplayer.data().jPlayer.status.paused === false) {
ms_jplayer.jPlayer("pause");
}
}
$(".ms-play").addClass("paused");
$(".ms-play").removeClass("hidden");
$(".ms-pause").addClass("hidden");
ms_play_status = 0;
});
$(".ms-skip").off();
$(".ms-skip").click(function(e) {
e.preventDefault();
e.stopPropagation();
if (ms_source == 'blaqsbi') {
ms_next_track_id = 0;
}
if (loadNextMSTrack()) {
ms_jplayer.jPlayer("play");
}
});
$("#btn-music-settings").off();
$("#btn-music-settings").click(function(e) {
e.preventDefault();
e.stopPropagation();
url = $(this).attr("href");
$('#globalModal2').modal({
show: 'true',
backdrop: 'static',
remote: url
});
});
$('.music-stream-keep-open').on('shown.bs.dropdown', function() {
clearTimeout(temoShowPlayerTimeout);
temoShowPlayerTimeout = setTimeout(() => {
temoShowPlayer(600, 5);
}, 6000);
msContainerState = 'shown';
});
$('.music-stream-keep-open').on('hide.bs.dropdown', function() {
clearTimeout(temoShowPlayerTimeout);
});
var temoShowPlayerTimeout;
var temoShowPlayerInterv;
var msContainerState = 'hidden';
function temoShowPlayer(time, hideTime = 1000) {
var watchedElem = $(".ms-container")
setTimeout(() => {
$('.music-stream-keep-open').removeClass('open');
$('.music-stream-keep-open').trigger('hide.bs.dropdown');
setTimeout(() => {
$('.music-stream-keep-open').addClass('open');
msContainerState = 'shown';
clearTimeout(temoShowPlayerTimeout);
temoShowPlayerTimeout = setTimeout(() => {
temoShowPlayerInterv = setInterval(function() {
var hoverStat = watchedElem.is(':hover');
if (!hoverStat) {
$('.music-stream-keep-open').removeClass('open');
$('.music-stream-keep-open').trigger('hide.bs.dropdown');
$(".dropdown-backdrop").remove();
$('.music-stream-keep-open').addClass('noHov');
clearInterval(temoShowPlayerInterv);
msContainerState = 'hidden';
}
}, 500);
}, time);
}, hideTime);
}, 5);
}
function setCookieTrackId(track_id) {
if (ms_source != 'blaqsbi') {
$.cookie('msTrackId', track_id, {
expires: 5 * 365,
path: '/'
});
}
}
function getCookieTrackId() {
var out = 0;
if ($.cookie('msTrackId') != undefined) {
out = $.cookie('msTrackId');
}
return out;
}
function stopAllPlayingAudio() {
ms_jplayer.jPlayer("pauseOthers");
if (typeof ms_jplayer.data().jPlayer !== 'undefined') {
if (ms_jplayer.data().jPlayer.status.paused === false) {
ms_jplayer.jPlayer("pause");
}
}
if (typeof wavesurfer !== 'undefined') {
wavesurfer.pause();
}
for (let item in yTPlayer) {
try {
yTPlayer[item].pauseVideo();
} catch (er) {}
}
}
function updateMSProgressBar(percent) {
$(".ms-track-progress-bg").css("width", percent + "%");
}
function setMSDeactiveButton() {
$(".ms-deactivate-radio").off();
$(".ms-deactivate-radio").click(function(e) {
e.preventDefault();
e.stopPropagation();
bsConfirm("Are you sure you want to deactivate music streaming?<br/><br/>You can reactivate it at Account Settings.", '<strong>Deactivate nusic stream</strong>', 'Deactivate', function(result) {
if (result) {
$.ajax({
url: '/social/util/hidePanel/panel/ms-radio-panel/ajax/1',
type: "POST",
'success': function() {
$('#globalModal2').modal("hide");
$('#music-stream-container').fadeOut().hide();
stopAllPlayingAudio();
}
});
}
});
});
}
setMSDeactiveButton();
</script><div class="navbar-fixed-bottom mobileMenuCont" id='add-post-container'>
<div class="container text-center dropdown dropup">
<a href="#" class="dropdown-toggle bottom-nav-buttons bottom-nav-buttons-blue" id='add-post-container-link'
data-toggle="dropdown">
<i class="fa fa-solid fa-plus"></i>
<span>Share Post</span>
</a>
<ul class="dropdown-menu dropdown-menu-center add-post-dropdown-menu text-left" id="bottom-dropup-menu">
<li class="no-scroll-bar">
</li>
</ul>
</div>
</div>
<div class="navbar-fixed-bottom mobileMenuCont" id='scroll-to-top-container'>
<div class="container text-right">
<a href="#" id="scroll-to-top-link" class="bottom-nav-buttons bottom-nav-buttons-grey text-center">
<i class="fa-light fa-arrow-up-to-line"></i>
</a>
</div>
</div>
<div class="navbar-fixed-bottom mobileMenuCont" id="overall-file-upload-progress-container">
<div class="container text-right">
<input class="progress-knob"
data-width="52"
data-height="52"
data-displayprevious="true"
data-readOnly="true"
data-fgcolor="rgba(0, 100, 148, 1)"
data-bgColor="#777"
data-thickness=".5"
data-skin="tron"
data-inputColor="#000"
data-max="100"
value="0">
</div>
</div>
<div class="navbar-fixed-bottom disabled mobileMenuCont" id='mobileMenuCont'>
<div class="container">
<div id="footer-container">
<div class="btn-group-container tt" title="Notifications"
data-placement="right">
<div class="btn-group dropdown">
<a href="#" id="icon-notifications" class="dropdown-toggle dd-lock-scroll" data-toggle="dropdown">
<div class="icon-container">
<i class="fa-light fa-bell" style="font-size: 125%"></i>
<span id="badge-notifications" style="display:none;"
class="label label-danger label-notifications">1</span>
</div>
</a>

<ul id="dropdown-notifications" class="dropdown-menu dropdown-menu-center">
<div>
<li class="dropdown-header">
Notifications <span
id="notification-type-name"></span>
<div id="notification-filter-container">
<button class="btn btn-info btn-sm notification-filter tt" data-placement="bottom"
data-original-title="Comment filter" data-type="NewCommentNotification"
data-type-name="Comment"><i class="fa fa-light fa-comment"></i></button>
<button class="btn btn-info btn-sm notification-filter tt" data-placement="bottom"
data-original-title="Reaction filter" data-type="NewLikeNotification"
data-type-name="Reaction"><i class="fa fa-light fa-thumbs-up"></i></button>
<button class="btn btn-info btn-sm notification-filter tt" data-placement="bottom"
data-original-title="Re-post filter" data-type="NewRepostNotification"
data-type-name="Re-post"><i class="fa fa-light fa fa-light fa-retweet"></i></button>
<button class="btn btn-info btn-sm notification-filter tt" data-placement="bottom"
data-original-title="Score filter" data-type="NewRateNotification" data-type-name="Score"><i
class="fa fa-light fa-poll-people"></i></button>
<button class="btn btn-info btn-sm notification-filter tt" data-placement="bottom"
data-original-title="Mentioned filter" data-type="MentionedNotification"
data-type-name="Mentioned"><i class="fa fa-light fa-quote-left"></i></button>
</div>
</li>
<ul class="media-list" id="notification-loader">
<li id="loader_notifications">
<div class="loader"></div>
</li>
</ul>
<li class="dropdown-footer">
<a id="mark-seen-link" class="dropdown-header-link btn btn-default col-md-12"
href="javascript:markNotificationsAsSeen();"><strong>Mark all seen</strong></a>
</li>
</div>
</ul>
</div>
</div>
<script>
// set the ID for the last loaded activity entry to 1
var notificationLastLoadedEntryId = 0;
// save if the last entries are already loaded
var notificationLastEntryReached = false;
// safe action url
var _notificationUrl = '/social/notification/list/index/from/lastEntryId/ajax/1';
var _baseNotificationUrl = _notificationUrl;
var alertNotificationCount = 0;
$('#mark-seen-link').on("click", function(e) {
e.stopPropagation();
});
var notificationListLoading = false;
function markNotificationsAsSeen() {
var originalHtml = $('#mark-seen-link').html();
// call ajax request to mark all notifications as seen
jQuery.ajax({
'type': 'GET',
'url': '/social/notification/list/markAsSeen/ajax/1',
'cache': false,
'data': jQuery(this).parents("form").serialize(),
'beforeSend': function(html) {
$('#mark-seen-link').html('Working...');
},
'success': function(html) {
// hide notification badge at the top menu
$('#badge-notifications').css('display', 'none');
$('#mark-seen-link').fadeOut('slow', function() {
$('#mark-seen-link').html(originalHtml);
});
$('#dropdown-notifications ul.media-list').find('li').removeClass("new");
$('.new-icon').hide();
loadNotificationEntries();
}
});
}
// Open the notification menu
$('#icon-notifications').click(function() {
elem = $(this).parent();
if (!elem.hasClass('open')) {
// reset variables by dropdown reopening
notificationLastLoadedEntryId = 0;
notificationLastEntryReached = false;
notificationListLoading = false;
_notificationUrl = _baseNotificationUrl;
$("#notification-type-name").html("");
// remove all notification entries from dropdown
$('#dropdown-notifications ul.media-list').find('li').remove();
$("#notification-loader").append('<li class="notification-list-buffer"></li>');
// checking if ajax loading is necessary or the last entries are already loaded
if (notificationLastEntryReached == false) {
// load notifications
loadNotificationEntries();
}
/*setTimeout(function () {
$('.tt').tooltip('hide');
}, 1000);*/
setNiceScroll("#dropdown-notifications ul.media-list");
}
});
$('.notification-filter').click(function(e) {
notificationLastLoadedEntryId = 0;
notificationLastEntryReached = false;
notificationListLoading = false;
var type = $(this).attr("data-type");
var name = $(this).attr("data-type-name");
_notificationUrl = _notificationUrl + "/type/" + type;
$('#dropdown-notifications ul.media-list').find('li').remove();
$("#notification-loader").append('<li class="notification-list-buffer"></li>');
$("#notification-type-name").html(":" + name);
loadNotificationEntries();
e.stopPropagation();
});
$('#dropdown-notifications ul.media-list').scroll(function() {
// save height of the overflow container
var _containerHeight = $("#dropdown-notifications ul.media-list").height();
// save scroll height
var _scrollHeight = $("#dropdown-notifications ul.media-list").prop("scrollHeight");
// save current scrollbar position
var _currentScrollPosition = $('#dropdown-notifications ul.media-list').scrollTop();
// load more activites if current scroll position is near scroll height
if (_currentScrollPosition >= (_scrollHeight - _containerHeight - _containerHeight / 4)) {
// checking if ajax loading is necessary or the last entries are already loaded
if (notificationLastEntryReached == false && notificationListLoading == false) {
// load more notifications
loadNotificationEntries();
}
}
});
var notification_placeholder = "There are no more notifications."
function loadNotificationEntries() {
notificationListLoading = true;
// replace placeholder name with the id from the last loaded entry
var _modifiedNotificationUrl = _notificationUrl.replace('lastEntryId', notificationLastLoadedEntryId)
// show loader
$("#loader_notifications .loader").show();
// send ajax request
jQuery.getJSON(_modifiedNotificationUrl, function(json) {
// hide loader
$("#loader_notifications .loader").hide();
if (json.counter == 0) {
$("#notification-loader").append('<li class="placeholder">' + notification_placeholder + '</li>');
} else {
// save id from the last entry for the next loading
notificationLastLoadedEntryId = json.lastEntryId;
if (json.counter < 6) {
// prevent the next ajax calls, if there are no more entries
notificationLastEntryReached = true;
}
// add new entries
$("#notification-loader").append(json.output);
// format time
$('span.time').timeago();
notificationListLoading = false;
}
});
$(document).one("ajaxComplete", function() {
$(".follow-back-button").click(function(e) {
e.stopPropagation();
})
});
}
function showNotificationBelowTitle(json) {
var html = '<span>';
if (json.newNotifications > 0) {
html += '<span class="label label-danger"><i class="fa fa-light fa-bell"></i> ' + json.newNotifications + '</span>';
}
if (json.newMessages > 0) {
html += '<span class="label label-danger"><i class="fa fa-light fa-envelope"></i> ' + json.newMessages + '</span>';
}
if (json.newChats > 0) {
html += '<span class="label label-danger"><i class="fa fa-light fa-message"></i> ' + json.newChats + '</span>';
}
if (json.newConfTotalCount > 0) {
html += '<span class="label label-danger"><i class="fa fa-light fa-camera-web"></i> ' + json.newConfTotalCount + '</span>';
}
html += '</span>';
$("#topPageNotification").html(html).stop().fadeIn(1000).delay(8000).fadeOut(1000).click(function() {
$(this).stop().fadeOut();
});
}
// load number of new notifications at page loading
getNotifications();
// load number of new notifications in a loop
//clearInterval(getNotificationsHandle);
//getNotificationsHandle = setInterval(getNotifications, 60000);
// load and show new count of notifications
function getNotifications() {
if (!uguid) {
return;
}
var $newNotifications = parseInt(0);
// load data
jQuery.getJSON("/social/dashboard/dashboard/GetFrontEndInfo", function(json) {
// save numbers to variables
$newNotifications = parseInt(json.newNotifications);
// show or hide the badge for new notifications
if ($newNotifications == 0) {
$('#badge-notifications').css('display', 'none');
$('#mark-seen-link').css('display', 'none');
$('#icon-notifications .fa').removeClass("animated swing");
titleNotificationCount = $newNotifications;
} else {
$('#badge-notifications').empty();
$('#badge-notifications').append($newNotifications);
$('#mark-seen-link').css('display', 'block');
$('#badge-notifications').fadeIn('fast');
$('#icon-notifications .fa').addClass("animated swing");
if ($newNotifications > alertNotificationCount) {
if (userInteracted && receiveAudioNotification == 1) {
document.getElementById('notificationChatTone').volume = notificationSoundVolume;
document.getElementById('notificationChatTone').play();
}
showNotificationBelowTitle(json);
}
alertNotificationCount = $newNotifications;
titleNotificationCount = $newNotifications;
}
getMessageCount(json);
getChatCount(json)
updateTitleCount();
});
}
</script>
<style>
#notification-filter-container {
display: flex;
flex-flow: row nowrap;
}
#notification-filter-container button {
flex: 1 auto;
}
#topPageNotification>span {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
}
#topPageNotification>span>span {
margin: 5px;
padding: 5px;
text-transform: none;
font-size: 100%;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
cursor: pointer;
}
</style> <div class="btn-group-container tt" title="Inbox">
<div class="btn-group dropdown">
<a href="#" id="icon-messages" data-turbolinks="false" class="dropdown-toggle dd-lock-scroll" data-toggle="dropdown">
<div class="icon-container">
<i class="fa-light fa-envelope" style="font-size: 125%"></i>
<span id="badge-messages" style="display:none;"
class="label label-danger label-notification">1</span>
</div>
</a>
<ul id="dropdown-messages" class="dropdown-menu dropdown-menu-center">
<div>
<li class="dropdown-header">Unread Messages</li>
<ul class="media-list" id="loader_messages">
<li>
<div class="loader"></div>
</li>
</ul>
<li class="dropdown-footer">
<a class="btn btn-default col-md-12 p-jax"
href="/social/mail/mail/index"><strong>Show all messages</strong></a>
</li>
</div>
</ul>
</div>
</div>
<script>
var mailNotificationCount = 0;
$('#dropdown-messages').on("click.bs.dropdown", function(e) {
//e.stopPropagation();
});
// load number of new messages in a loop
//clearInterval(getMessageCountHandle);
//getMessageCountHandle = setInterval(getMessageCount, 5000);
// load and show new count of messages
function getMessageCount(json) {
var $newMessages = parseInt(0);
// show or hide the badge for new messages
$newMessages = parseInt(json.newMessages);
if ($newMessages == 0) {
$('#badge-messages').css('display', 'none');
titleMailCount = $newMessages;
} else {
$('#badge-messages').empty();
$('#badge-messages').append($newMessages);
$('#badge-messages').fadeIn('fast');
if ($newMessages > mailNotificationCount) {
if (receiveAudioNotification == 1) {
document.getElementById('notificationChatTone').volume = notificationSoundVolume;
document.getElementById('notificationChatTone').play();
}
showNotificationBelowTitle(json);
}
mailNotificationCount = $newMessages;
titleMailCount = $newMessages;
}
updateTitleCount();
}
// open the messages menu
$('#icon-messages').click(function() {
elem = $(this).parent();
if (!elem.hasClass('open')) {
jQuery("#loader_messages").html('<li><div class="loader"></div></li>');
// load newest notifications
$.ajax({
'type': 'GET',
'url': '/social/mail/mail/list/ajax/1',
'cache': false,
'data': jQuery(this).parents("form").serialize(),
'success': function(html) {
jQuery("#loader_messages").html(html);
}
});
setNiceScroll("#dropdown-messages ul.media-list");
}
});
</script><style>
#dropdown-chat {
width: 240px;
}
#dropdown-chat li {
position: relative;
}
.icon-chat-open {
cursor: pointer;
padding: 5px !important;
}
#chat-online-users .online-list-link div {
min-height: 65px;
padding-top: 8px;
}
#chat-online-users .entry.from-rtc {
padding: 10px;
}
.chat-noti-sub-header {
margin: 6px;
}
.chat-noti-sub-header .participant-header {
text-align: left;
}
.participant-container img {
margin-bottom: 10px;
width: 16%;
max-width: 54px;
}
.label-notification {
margin-right: 10px;
}
.noty-conf-details {
padding-right: 5px;
}
.noty-conf-details .clearfix {
height: 8px;
}
#dropdown-online-users .text-cont,
#dropdown-chat .text-cont {
margin-left: 70px;
}
#chat-huddle-list .entry.icon-chat-open {
padding: 5px !important;
}
</style>
<div class="btn-group-container tt" title="Online members">
<div class="btn-group dropdown keep-open">
<a href="#" id="icon-online-users" class="dropdown-toggle dd-lock-scroll" data-toggle="dropdown">
<div class="icon-container">
<i class="fa-light fa-user-circle" style="font-size: 125%"></i>
<span id="badge-user-count" style="display:none;"
class="label label-danger label-newChats">1</span>
</div>
</a>
<ul id="dropdown-online-users" class="dropdown-menu dropdown-menu-center" style="z-index: 1050;">
<div>
<li class="dropdown-header">
Members online
</li>
<ul class="media-list no-hover" id="chat-online-users">
<i id="otherClients"></i>
<li id="loader_users">
<div class="loader"></div>
</li>
</div>
</ul>
</ul>
</div>
</div>
<div class="btn-group-container tt" title="Chats">
<div class="btn-group dropdown keep-open">
<a href="#" id="icon-chat" class="dropdown-toggle dd-lock-scroll" data-toggle="dropdown">
<div class="icon-container">
<i class="fa-light fa-message" style="font-size: 125%"></i>
<span id="badge-chat" style="display:none;"
class="label label-danger label-newChats">1</span>
</div>
</a>
<ul id="dropdown-chat" class="dropdown-menu dropdown-menu-center" style="z-index: 1050;">
<div>
<li class="dropdown-header">
Huddle/Member chats
</li>
<ul class="media-list" id="chat-huddle-list">
<li id="loader_chat">
<div class="loader"></div>
</li>
</ul>
<li class="dropdown-footer">
<a id="mark-chat-seen-link" class="dropdown-header-link btn btn-default col-md-12"
href="javascript:markallchatseen();"><strong>Mark all seen</strong></a>
</li>
</div>
</ul>
</div>
</div>
<script>
var otherClientDiv = $("#otherClients");
var chatNotificationCount = 0;
var confChatInfoJson = null;
$('#icon-online-users').click(function() {
elem = $(this).parent();
if (!elem.hasClass('open')) {
var occupants = easyrtc.getRoomOccupantsAsMap(mainRoom);
if (occupants) {
updateOccupanrList(occupants);
}
var occupantCount = getOccupantListCount(occupants);
if (occupantCount > 0) {
refreshOccupantList();
setNiceScroll("#dropdown-online-users #chat-online-users");
$("#loader_users").hide();
} else {
setEmptyMessage(occupantCount);
}
}
});
// load and show new count of messages
function getChatCount(confjson) {
if (confjson) {
var $newChats = parseInt(0);
var confTotal = confjson.newConfTotalCount;
confChatInfoJson = json = confjson;
// show or hide the badge for new messages
$('#icon-chat .fa').removeClass("animated swing");
$newChats = parseInt(json.newChats) + parseInt(confTotal);;
if ($newChats == 0) {
$('#badge-chat').css('display', 'none');
titleChatCount = $newChats;
$('#mark-chat-seen-link').css('display', 'none');
} else {
$('#badge-chat').empty();
$('#badge-chat').append($newChats);
$('#badge-chat').fadeIn('fast');
$('#mark-chat-seen-link').css('display', 'block');
if ($newChats > chatNotificationCount) {
if (receiveAudioNotification == 1 && chatWindowOpen == false) {
document.getElementById('notificationChatTone').volume = notificationSoundVolume;
document.getElementById('chat-new-post-notification-tone').play();
}
showNotificationBelowTitle(json);
}
if (chatNotificationCount != $newChats) {
setTimeout(function() {
$('#icon-chat .fa').addClass("animated swing");
}, 1000);
}
chatNotificationCount = $newChats;
titleChatCount = $newChats;
}
updateTitleCount();
for (var i = 0; i < confChatInfoJson.workspaces.length; i++) {
if (confChatInfoJson.workspaces[i].confCount > 0) {
$(".space-conf-badge-" + confChatInfoJson.workspaces[i].guid).html(confChatInfoJson.workspaces[i].confUsers.length);
}
}
}
}
function markallchatseen() {
var $newChats = parseInt(0);
var originalHtml = $('#mark-chat-seen-link').html();
jQuery.ajax({
'type': 'GET',
'url': '/social/chat/chat/markallseen',
'cache': false,
'data': jQuery(this).parents("form").serialize(),
'beforeSend': function(html) {
$('#mark-chat-seen-link').html('Working...');
},
'success': function(html) {
$('#badge-chat').css('display', 'none');
titleChatCount = 0;
$('#mark-chat-seen-link').fadeOut('slow', function() {
$('#mark-chat-seen-link').html(originalHtml);
});
updateTitleCount();
}
});
}
// $('#dropdown-chat').on("click.bs.dropdown", function (e) {
// e.stopPropagation();
// });
// set the ID for the last loaded activity entry to 1
var newChatsLastLoadedEntryId = 0;
// save if the last entries are already loaded
var newChatsLastEntryReached = false;
// safe action url
var _newChatsUrl = '/social/chat/chat/list/from/lastEntryId/ajax/1';
// Open the newChats menu
$('#icon-chat').click(function() {
elem = $(this).parent();
if (!elem.hasClass('open')) {
// reset variables by dropdown reopening
newChatsLastLoadedEntryId = 0;
newChatsLastEntryReached = false;
// remove all newChats entries from dropdown
$('#dropdown-chat #chat-huddle-list').find('li').remove();
$('#dropdown-chat #chat-huddle-list').html('<li id="conferenceClients" class="divider hidden"></li>');
getConfVideoNotification();
// checking if ajax loading is necessary or the last entries are already loaded
if (newChatsLastEntryReached == false) {
// load chats
loadnewChatsEntries();
}
/*setTimeout(function () {
$('.tt').tooltip('hide');
}, 1000); */
setNiceScroll("#dropdown-chat #chat-huddle-list");
}
});
function generateConfUsersHtml(json) {
var plural = (json.length > 1) ? 's' : '';
html = '<div class="participant-container"><div><h5 class="participant-header"><b>Participant' + plural + '</b></h5></div><hr/>';
for (var i = 0; i < json.length; i++) {
html += '<a href="' + json[i].url + '" class="p-jax" > <img src="' + json[i].icon + '" class="img-rounded tt img_margin user-icon-photo"></a>'
}
html += '</div>';
return html;
}
function getConfVideoNotification() {
var confCountTotal = 0;
var confVidHuddleDiv = $("#conferenceClients");
json = confChatInfoJson;
for (var i = 0; i < json.workspaces.length; i++) {
if (json.workspaces[i].confCount > 0) {
confCountTotal++;
var html = '' +
'<li class="entry from-vid-conf new">\n' +
' <div class="media">' +
' <div class="media-body">\n' +
' <a href="' + json.workspaces[i].url + '" class="p-jax pull-left">' +
' <div>' +
' <img src="' + json.workspaces[i].image_url + '" class="img-rounded tt img_margin user-icon-photo" height="56" width="56" data-original-title="" style="margin-bottom: 60px;">' +
' </div>\n' +
' </a>\n' +
' <div class="small noty-conf-details" style="margin-left: 70px;"">' +
' <a href="' + json.workspaces[i].url + '" class="p-jax" style="width: 100%; display: block;">' +
' <span class="pull-right label label-danger label-notification vid-con-count-label">' + json.workspaces[i].confUsers.length + '</span>' +
' ' +
' <strong>' + json.workspaces[i].name + '</strong><br/>' +
//' <small>' + (json.workspaces[i].confIntro ? json.workspaces[i].confIntro : "") + '</small><br/>' +
' <i class="fa fa-camera-web text-success online-icon"></i> Join the video chat.' +
' <div class="clearfix"></div>' +
' </a>\n' +
generateConfUsersHtml(json.workspaces[i].confUsers);
' </div>' +
' </div>\n' +
' </div>\n' +
'</li>\n' +
'';
confVidHuddleDiv.parent().prepend(html);
}
}
if (confCountTotal > 0) {
var plural = (confCountTotal > 1) ? 's' : '';
confVidHuddleDiv.parent().prepend('<div class="chat-noti-sub-header"><h5><b>Huddle Video Chat' + plural + '</b></h5></div>');
$('#dropdown-chat #chat-huddle-list #conferenceClients').removeClass("hidden");
}
};
$('#dropdown-chat #chat-huddle-list').scroll(function() {
// save height of the overflow container
var _containerHeight = $("#dropdown-chat #chat-huddle-list").height();
// save scroll height
var _scrollHeight = $("#dropdown-chat #chat-huddle-list").prop("scrollHeight");
// save current scrollbar position
var _currentScrollPosition = $('#dropdown-chat #chat-huddle-list').scrollTop();
// load more activites if current scroll position is near scroll height
if (_currentScrollPosition >= (_scrollHeight - _containerHeight - _containerHeight / 4)) {
// checking if ajax loading is necessary or the last entries are already loaded
if (newChatsLastEntryReached == false) {
// load more chats
loadnewChatsEntries();
}
}
});
var newChats_placeholder = "There are no chats yet."
function loadnewChatsEntries() {
// replace placeholder name with the id from the last loaded entry
var _modifiednewChatsUrl = _newChatsUrl.replace('lastEntryId', newChatsLastLoadedEntryId)
// show loader
$("#loader_chat .loader").show();
// send ajax request
jQuery.getJSON(_modifiednewChatsUrl, function(json) {
// hide loader
$("#loader_chat .loader").hide();
if (json.counter == 0) {
$("#dropdown-chat #chat-huddle-list").append('<li class="placeholder">' + newChats_placeholder + '</li>');
} else {
// save id from the last entry for the next loading
newChatsLastLoadedEntryId = json.lastEntryId;
if (json.counter < 6) {
// prevent the next ajax calls, if there are no more entries
newChatsLastEntryReached = true;
}
// add new entries
$("#dropdown-chat #chat-huddle-list").append(json.output);
// format time
$('span.time').timeago();
}
addClickChatDropdownListener();
});
setTimeout(function() {
addClickChatDropdownListener();
}, 1000);
}
jQuery("span.time").timeago();
$(document).on('ready pjax:complete loadMoreStreamComplete showHeaderHoverComplete', function() {
$('.icon-chat-user').off();
$('.icon-chat-user').click(function(event) {
event.preventDefault();
launchchatPopUp(this);
});
$('.icon-chat-space').off();
$('.icon-chat-space').click(function(event) {
event.preventDefault();
launchHuddlechatPopUp(this);
});
});
function addClickChatDropdownListener() {
$('.icon-chat-open').off();
$('.icon-chat-open').click(function(event) {
ethis = this;
addLoaderDivObject(ethis);
event.preventDefault();
var loadDelay = 0;
if ($("#mainchat").length > 0) {
$(".yiichat .you").slideUp();
$("#mainchat").slideUp('slow');
loadDelay = 500;
}
$(".yiichat .you").slideUp();
setTimeout(function() {
chat_id = $(ethis).attr('data-chat-id');
$("#mainchatLoader").load("/social/chat/chat/launchchat/chat_id/" + chat_id);
}, loadDelay);
$(document).on('chatLaunched', function() {
removeLoaderDivObject(ethis);
$(ethis).find(".badge-chat").fadeOut('slow');
$(ethis).removeClass("new");
});
});
};
function launchchatPopUp(ethis) {
from_user_id = Number();
to_user_id = Number($(ethis).attr('data-user-id'));
chat_id = from_user_id + to_user_id;
$("#mainchatLoader").load("/social/chat/chat/launchchat/chat_id/" + chat_id + "/to_user_id/" + to_user_id + "/from_user_id/" + from_user_id);
};
function launchHuddlechatPopUp(ethis) {
chat_id = "s" + $(ethis).attr('data-space-id');
$("#mainchatLoader").load("/social/chat/chat/launchspacechat/chat_id/" + chat_id);
};
</script> <style>
@media screen and (max-device-width: 480px) {
.notifications .btn-group {
position: relative;
padding: 5px;
margin-left: 4px !important;
margin-right: 4px !important;
top: 25%;
bottom: 25%;
text-align: left;
}
}
@media screen and (max-device-width: 320px) {
.notifications .btn-group {
position: relative;
padding: 5px;
margin-left: 0px !important;
margin-right: 0px !important;
top: 25%;
bottom: 25%;
text-align: left;
}
}
#icon-shop {
position: relative;
display: inline-block;
}
.cart-notifications-btn-group-container {
display: none;
}
</style>
<div class="btn-group-container cart-notifications-btn-group-container">
<div class="btn-group dropdown">
<a href="/social/shop/shoppingCart/view" id="icon-shop" class="p-jax tt" data-placement="top"
title="<strong>Your shopping cart</strong>">
<div class="icon-container">
<i class="fa-light fa-shopping-cart" style="font-size: 125%"></i>
<span id="badge-notifications"
class="label label-danger label-notifications label-notifications-cart"></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).on('ready pjax:end', function() {
if ($('#streamWhatYouUpToContainer .dropdown-menu').length == 0) {
$('#add-post-container').stop().fadeOut('slow');
} else {
$('#bottom-dropup-menu > li').empty();
$('#streamWhatYouUpToContainer .dropdown-menu').children().clone().appendTo($('#bottom-dropup-menu > li'));
$('#add-post-container').stop().fadeIn('slow');
}
$(".progress-knob").knob();
$("#add-post-container-link > .fa").addClass("fa-pen").removeClass("fa-caret-down");
});
scroolingToTopFromButton = 0;
$("#scroll-to-top-link").off();
$("#scroll-to-top-link").click(function(e) {
e.preventDefault();
headerContainer = 0;
scroolingToTopFromButton = 1;
headerContainerCssHeight = $("#headerContainer .header-image-container").css('height');
if (headerContainerCssHeight) {
headerContainer = parseInt(headerContainerCssHeight.replace('px', ''));
}
$("html, body").animate({
scrollTop: 50
}, 1000, function() {
$("html, body").animate({
scrollTop: 0
}, 750, function() {
scroolingToTopFromButton = 0;
});
});
});
$('.keep-open').on({
"shown.bs.dropdown": function() {
$(this).attr('closable', false);
$(document).one('pjax:send', function() {
$('.keep-open').removeClass('open');
});
},
"click": function() {},
"hide.bs.dropdown": function() {
return $(this).attr('closable') == 'true';
}
});
$('#footer-container .btn-group a').on({
"click": function() {
$('#footer-container .keep-open .dropdown-toggle').each(function() {
$(this).parent().attr('closable', true);
});
}
});
$('.btn-group.dropdown:not(.keep-open)').click(function() {
$('.keep-open').attr('closable', true);
});
function resetDropUpSize() {
if ($(window).width() <= maxMobileWidth) {
$("#footer-container .dropdown-menu").css("cssText",
' width: ' + $(window).width() + 'px !important;' +
' height: ' + ($(window).height() - 52) + 'px; ' +
' position: fixed; ' +
' bottom: 50px; ' +
' background-color: #fff; ' +
' margin-left: auto;' +
' overflow: hidden;'
);
$("#footer-container .dropdown-menu .media-list").css('cssText', 'height: ' + ($(window).height() - 40) + 'px;');
$("#dropdown-online-users.dropdown-menu").removeClass("dropdown-menu-center");
} else {
$("#footer-container .dropdown-menu").css("cssText", '');
$("#footer-container .dropdown-menu .media-list").css('cssText', 'height: 600px; outline: none;');
$("#dropdown-online-users.dropdown-menu").addClass("dropdown-menu-center");
var windowHeight = $(window).height();
var footerContainerHeight = $("#footer-container").height();
var bottomMenuDropUpHeight = 600;
var totalHeight = footerContainerHeight + bottomMenuDropUpHeight;
var remHeight = windowHeight - totalHeight;
if (remHeight < 20) {
$("#footer-container .dropdown-menu .media-list").css('cssText', 'height:' + (windowHeight - (footerContainerHeight + 18)) + 'px; outline: none;');
}
}
}
var resetSearchSize = false;
function resetSearchDropUpSizeOnce() {
if (resetSearchSize == false) {
$("#search-menu-dropdown #search-result-media-list").css("height", ($(window).height() - 100) + 'px');
resetSearchSize == true;
}
}
$('#add-post-container .dropdown').on('show.bs.dropdown', function() {
var clickClose = false;
var elem = $(this);
function closeDropdown() {
$('#add-post-container .open').removeClass("open");
$("#scroll-to-top-container").show();
$("#music-stream-container").show();
$("#add-post-container-link > .fa").addClass("fa-pen").removeClass("fa-caret-down");
}
$("#scroll-to-top-container").fadeOut(1000);
$("#music-stream-container").fadeOut(1000);
$("#add-post-container-link").one('click.dclick', function(e) {
$("#streamWhatYouUpTo").trigger("click");
//setTimeout(function () {
closeDropdown();
//}, 1000)
});
setTimeout(function() {
$("#add-post-container-link")
.off('click.dclick')
.on('click.dclick', function(e) {
clickClose = true;
});
$("#add-post-container-link > .fa").removeClass("fa-pen").addClass("fa-caret-down");
$('#add-post-container .dropdown-menu a').off().on("click", function() {
elem.off("hide.bs.dropdown.cm").on("hide.bs.dropdown.cm", function() {
if (clickClose == false) {
$("#scroll-to-top-container").hide();
$("#music-stream-container").hide();
$("#add-post-container-link > .fa").removeClass("fa-pen").addClass("fa-caret-down");
return false;
}
});
});
$(document).one('popSubmitComplete', function() {
closeDropdown();
});
}, 1500);
var clickBtnLoc = $("#add-post-container-link").offset().top - $(window).scrollTop()
$("#bottom-dropup-menu > li").css({
maxHeight: clickBtnLoc - 14
});
$('.bottom-main-create-link').parent().click(function() {
globalModalUrl = $(this).find('a').attr('href');
});
});
$('#add-post-container .dropdown').on('hide.bs.dropdown', function() {
var elem = $(this);
$("#scroll-to-top-container").fadeIn(1000);
$("#music-stream-container").fadeIn(1000);
$("#add-post-container-link > .fa").addClass("fa-pen").removeClass("fa-caret-down");
});
$(window).resize(function() {
resetDropUpSize();
});
$(document).on('ready', function() {
resetDropUpSize();
});
$('#footer-container .dropdown').on('show.bs.dropdown', function() {
$('.tooltip:not(.slider .tooltip)').fadeOut();
});
$("#footer-container").parents(".mobileMenuCont").hide();
$("#music-stream-container, #add-post-container, #scroll-to-top-container").css("bottom", "20px");
</script>
<audio id="callerTone" src="/social/snd/callertone.mp3" loop preload="auto"></audio>
<audio id="notificationTone" src="/social/snd/direct.mp3" preload="auto"></audio>
<audio id="notificationChatTone" src="/social/snd/chat-count-notify.mp3" preload="auto"></audio>
<audio id="chat-new-post-notification-tone" src="/social/snd/chat-new-post.mp3" preload="auto"></audio>
<div class="navbar-fixed-bottom container" id="mainchatLoader"></div>
<div id="topPageTitleCnt" class="navbar-fixed-bottom container">
<div id="topPageTitle" class="text-center">
Trending </div>
</div>
<div class="navbar-fixed-bottom" style="bottom: 72px; display: none; padding: 5px;">
<div class="dropup">
<span class="dropdown-menu dropdown-menu-center" id="read-alaoud-pulldown-menu"
style="display: none; width: 300px">
<div id="read-alaoud-pulldown-content" class="text-left"
style="padding: 5px; display: none;">
<select class="form-control" id="voices"></select>
</div>
</span>
</div>
<div class="container text-center">
<span class="fa-stack fa-1x" id="read-aloud-main-controll-stop"
style="cursor: pointer; text-shadow: 1px 1px 1px #000; pointer-events: all; font-size: 140%;">
<i class="fas fa-octagon fa-stack-2x" style="color:red; font-size: 224%;"></i>
<i class="fa fa-book-reader fa-stack-1x" style="color:white"></i>
</span>
</div>
</div>
<div class="bottom-br-container" style="height: 0px"></div>
<div class="cookie-consent-prompt-container navbar-fixed-bottom">
<p>
Blaqsbi uses cookies to ensure you get the best experience on our platform. By using our website you agree
to
our <a style="color: white;" href="/social/custom_pages/2">Cookie policy</a> .
</p>
<button type="button" class="btn btn-secondary cookie-consent-accept-button">OK. Got it.</button>
</div>
<script>
var cookieConsentModalHidden = false;
if ($.cookie('cookieConsentAccepted') != undefined) {
cookieConsentModalHidden = $.cookie('cookieConsentAccepted', {
path: '/'
});
}
if (!cookieConsentModalHidden) {
$(".cookie-consent-prompt-container").fadeIn('slow');
}
$('.cookie-consent-accept-button').click(function(e) {
e.preventDefault();
$.cookie('cookieConsentAccepted', true, {
expires: 5 * 365,
path: '/'
});
$(".cookie-consent-prompt-container").fadeOut('slow');
});
</script>
<script>
$(document).ajaxComplete(function(e) {
$(".sign-up-sup-button").off("click").on("click", function(e) {
e.preventDefault();
ethis = this;
showHideMainLoading('show');
setTimeout(function() {
$(ethis).parent().submit();
}, 1000);
});
});
</script>
<div class="tempplate-holder hidden"></div>
<div class="file-uploader-holder hidden"></div>
<script>
$('#warningModal').on('hidden.bs.modal', function(e) {
$.get("/social/dashboard/dashboard/Clearwarningnotification");
});
$("html, body").bind("touchstart scroll touchmove mousedown DOMMouseScroll mousewheel keyup", function() {
$('html, body').stop();
});
$.pjax.defaults.timeout = 30000;
$.pjax.defaults.maxCacheLength = 0;
$.pjax.defaults.scrollTo = false;
$(document).on('click', '.p-jax', function(e) {
e.preventDefault();
pjaxclicked();
var thisPjax = this;
var url = $(thisPjax).attr('href');
showHideMainLoading('show');
setTimeout(function() {
$.pjax({
url: url,
container: '#mainContent'
})
$("#topbar-second .active, #topbar-first .active").not(thisPjax).removeClass("active");
$(thisPjax).parent().addClass("active");
}, 1000);
});
$(document).on('click', '.p-jax-sub', function(e) {
e.preventDefault();
pjaxclicked();
var thisPjax = this;
var url = $(thisPjax).attr('href');
if ($(document).width() < maxMobileWidth) {
showHideSubLoading('show');
} else {
showHideMainLoading('show');
}
setTimeout(function() {
$.pjax({
url: url,
container: '#subContent'
});
}, 1000);
});
function pjaxclicked() {
$(document).attr("title", "Blaqsbi");
$(".dropdown.open").removeClass("open");
$('.popover').hide();
$('.tooltip').hide();
$('.tooltip').stop().hide();
if ($('.modal').is(':visible')) {
$('.modal').modal("hide");
}
$(".gl-comment-noty").remove();
$('#read-aloud-main-controll-stop').trigger("click");
glInitiated = [];
glWs = [];
glTransport = [];
glRoom = [];
glCurrentTime = [];
glCHeight = [];
lgCWidth = [];
glVideo = [];
glVideos = [];
glAudios = [];
glForcedClosed = [];
glVideoMinHeight = [];
glSubscriberWallEntryId = [];
glSubscriberReloadUrl = [];
glChannel = null;
glAnalyser = null;
glMicrophone = null;
glJavascriptNode = null;
glAudioContext = null;
glPublishTimeOut = null;
glDownloadTimeOut = null;
glShoGoLiveCommentsArray = [];
producers = {};
ws = null;
room = null;
stream = null;
transport = null;
video = null;
recorder = null;
rcw = [];
videoSelected = [];
videoPlayedEnd = [];
videoPlayClicked = [];
yTPlayer = [];
jPlayerObject = null;
wavesurferInviewPlaying = [];
playWfAudio = [];
hasLinkContent = [];
hasGif = [];
hasFiles = [];
hasOembed = [];
ttsThisPlaying = [];
ttsThisSentenceIndex = [];
taskCommentTrigger = [];
ompletedImageElement = [];
completedVideoElement = [];
completedwallEntryElement = [];
wallEntryIdArray = [];
thisVideoHeight = [];
thisImageHeight = [];
hlinkId = null;
streamScrollToId = 0;
inWallStream = false;
lastScrollTop = 0;
lastScrollY = 0;
scrollDistance = 0;
lastSnappedTo = 0;
clearGetconversionpercentcompleteInterval();
headerHeight4NavHide = $(".topbarContainer").height();
streanScrollWatcher = $(window);
pageMtype = 'normal';
wallType = 'none';
$(window).off('scroll');
lockHtmlBody(false);
removeAllEventListener('scroll');
$(document).trigger('pjax:click');
}
$(document).on('pjax:beforeReplace', function(event) {
if (event.target.id != 'subContent') {
removeCustomBg();
}
});
$(document).on('pjax:success', function(e) {
pJaxtarget = e.target.id;
if (e.target.id == 'mainContent') {
scrollToBanner(0);
if (inWallStream) {
$(document).one('showStreamComplete', function() {
setTimeout(() => {
showHideMainLoading('hide');
}, 250);
});
} else {
showHideMainLoading('hide');
}
} else {
if ($(document).width() > maxMobileWidth) {
scrollToBanner(0);
$(document).one('scrollToBannerComplete', function() {
showHideMainLoading('hide');
});
} else {
setNoHideOnScroll(1, 0);
var topTabAnchorLocation = $(document).scrollTop();
var headerTabMainContainer = $(".headerTabMainContainer");
headerTabMainContainer.removeClass("tab-nav-fixed");
$(".headerTabMainContainer > div").removeClass("container");
headerTabMainContainer.css({
'position': 'unset',
'top': 0
});
if (topTabAnchorLocation > 400) {
$('html,body').stop().animate({
scrollTop: $("#headerTabMainAbchor").offset().top - 50
}, 0);
}
setTimeout(() => {
showHideSubLoading('hide');
setNoHideOnScroll(0, 0);
$(document).trigger("scrollToBannerComplete");
}, 1000);
}
}
$("#topPageTitleCnt").show();
});
$(document).on('pjax:complete', function() {
rcw = [];
externalLinkArray = [];
completedwallEntryElement = [];
wallEntryIdArray = [];
videoPlayClicked = [];
wavesurferInviewPlaying = [];
if (wavesurfer) {
wavesurfer.destroy();
}
if (inMobile > 0) {
$('.tt').removeClass('tt');
$('.po').removeClass('po');
$('.headerDisplay').removeClass('headerDisplay');
}
$('.tt').tooltip({
html: true,
container: 'body'
});
$('input, textarea').placeholder();
$('body').find(':checkbox, :radio').flatelements();
$(document).attr("title", original_title);
headerHeight4NavHide = $(".topbarContainer").height();
updateTitleCount();
$(".modal-confirm-box").remove();
$(window).off('popstate.modal');
$(window).off('popstate.dropdown');
if (!isCordovaApp) {
localStorage.setItem("currentURL", window.location.pathname);
}
});
$(document).on('pjax:click pjax:end pjax:complete pjax:beforeReplace pjax:success pjax:send', function() {
$("#topPageTitleCnt").fadeOut();
setTimeout(function() {
$('.popover').hide();
}, 1000);
lockHtmlBody(false);
});
$(document).on('pjax:popstate', function(e) {
if (e.direction == "back") {
mainWindowSwipeDirection = "right";
}
if (showLoadingPopState == true) {
showHideMainLoading('show');
}
});
function clearGetconversionpercentcompleteInterval() {
conversionPercenIndex.forEach(function(item, index) {
clearInterval(conversionPercentimeout[item]);
});
}
var showHideMainLoadingHideTimeout;
var showHideMainLoadingClearTimeout;
function showHideMainLoading(action) {
if (action == 'hide') {
clearTimeout(showHideMainLoadingHideTimeout);
if (mainWindowSwipeDirection == "left") {
$('#main-loading').removeClass('fadeIn').addClass('fadeOut');
} else {
$('#main-loading').removeClass('fadeIn').addClass('fadeOut');
mainWindowSwipeDirection = "left";
}
clearTimeout(showHideMainLoadingClearTimeout);
showHideMainLoadingClearTimeout = setTimeout(function() {
$('#main-loading').hide();
$('#main-loading').removeClass('fadeIn').removeClass('fadeOut');
$('#main-loading').removeClass('fadeIn').removeClass('fadeOut');
}, 1100);
}
if (action == 'show') {
//$("#add-post-container").removeClass('mobile-menu-down').addClass('mobile-menu-up')
clearAllEventListener();
$('html,body').stop();
$('#main-loading').show();
if (mainWindowSwipeDirection == "left") {
$('#main-loading').removeClass('fadeOut').addClass('fadeIn');
} else {
$('#main-loading').removeClass('fadeOut');
$('#main-loading').removeClass('fadeOut').addClass('fadeIn')
}
clearTimeout(showHideMainLoadingHideTimeout);
showHideMainLoadingHideTimeout = setTimeout(function() {
showHideMainLoading('hide');
}, 10000);
}
}
function showHideSubLoading(action) {
if (action == 'hide') {
$('#sub-loading').css({
height: $('#sub-loading').parent().height()
});
$('#sub-loading').removeClass('fadeIn').addClass('fadeOut');
setTimeout(function() {
$('#sub-loading').hide()
}, 1000);
}
if (action == 'show') {
$('#sub-loading').css({
height: $('#sub-loading').parent().height()
});
clearAllEventListener();
$('#sub-loading').show();
$('#sub-loading').removeClass('fadeOut').addClass('fadeIn');
clearTimeout(showHideMainLoadingHideTimeout);
showHideMainLoadingHideTimeout = setTimeout(function() {
showHideSubLoading('hide');
}, 10000);
}
}
resetDropdownHeight();
$('.dropdown').on('show.bs.dropdown', function(e) {
resetDropdownHeight();
});
showMobileDownload();
function resetOtherModalzIndex(elemet, action) {
if (action == 'add') {
$(".modal").not("#" + elemet).addClass("setZindex");
$("#" + elemet).removeClass("setZindex");;
}
if (action == 'remove') {
$(".modal").not("#" + elemet).removeClass("setZindex");
}
$('.tooltip').hide();
}
// Replace the standard checkbox and radio buttons
var setScrollLokTimeout = 0;
$('body').find(':checkbox, :radio').flatelements();
$(document).ready(function() {
$('#topbar-second .media-list').css('max-height', $(window).height() - 265 + "px")
/* Ensures after hide modal content is removed. */
modalLoaderHtml = function() {
return '<div class="modal-dialog">' +
' <div class="modal-content">' +
' <div class="modal-body" style="min-height: 100vh;">' +
' <div class="responsiveLoader"></div>' +
' </div>' +
' </div>' +
'</div>';
};
$('#globalModal').on('show.bs.modal', function(e) {
lockHtmlBody(true);
resetOtherModalzIndex('globalModal', 'add');
showLoadingPopState = false;
setModalHideOnPopState(e, 'modal');
});
$('#globalModal').on('hide.bs.modal', function(e) {
if ($("#add-post-container .open").length == 0) {
lockHtmlBody(false);
}
$(this).removeData('bs.modal');
// just close modal and reset modal content to default (shows the loader)
var thisModal = this;
resetOtherModalzIndex('globalModal', 'remove');
showLoadingPopState = true;
});
$('#globalModal2').on('show.bs.modal', function(e) {
lockHtmlBody(true);
resetOtherModalzIndex('globalModal2', 'add');
showLoadingPopState = false;
setModalHideOnPopState(e, 'modal');
});
$('#globalModal2').on('hide.bs.modal', function(e) {
lockHtmlBody(false);
$(this).removeData('bs.modal');
// just close modal and reset modal content to default (shows the loader)
var thisModal = this;
resetOtherModalzIndex('globalModal2', 'remove');
showLoadingPopState = true;
});
$('#globalModal2a').on('show.bs.modal', function(e) {
lockHtmlBody(true);
resetOtherModalzIndex('globalModal2a', 'add');
showLoadingPopState = false;
setModalHideOnPopState(e, 'modal');
});
$('#globalModal2a').on('hide.bs.modal', function(e) {
lockHtmlBody(false);
$(this).removeData('bs.modal');
// just close modal and reset modal content to default (shows the loader)
var thisModal = this;
resetOtherModalzIndex('globalModal2a', 'remove');
showLoadingPopState = true;
});
$('#globalModal3').on('show.bs.modal', function(e) {
lockHtmlBody(true);
resetOtherModalzIndex('globalModal3', 'add');
showLoadingPopState = false;
setModalHideOnPopState(e, 'modal');
});
$('#globalModal3').on('hide.bs.modal', function(e) {
lockHtmlBody(false);
$(this).removeData('bs.modal');
// just close modal and reset modal content to default (shows the loader)
var thisModal = this;
resetOtherModalzIndex('globalModal3', 'remove');
showLoadingPopState = true;
});
$('#userListModal').on('show.bs.modal', function(e) {
lockHtmlBody(true);
resetOtherModalzIndex('userListModal', 'add');
showLoadingPopState = false;
setModalHideOnPopState(e, 'modal');
});
$('#userListModal').on('hide.bs.modal', function(e) {
lockHtmlBody(false);
$(this).removeData('bs.modal');
// just close modal and reset modal content to default (shows the loader)
var thisModal = this;
resetOtherModalzIndex('userListModal', 'remove');
showLoadingPopState = true;
});
$('.ekko-lightbox').on('show.bs.modal', function(e) {
lockHtmlBody(true);
showLoadingPopState = false;
setModalHideOnPopState(e, 'modal');
});
$('.ekko-lightbox').on('hide.bs.modal', function(e) {
lockHtmlBody(false);
showLoadingPopState = true;
});
$('.modal').on('show.bs.modal', function(e) {});
$('.modal').on('hide.bs.modal', function(e) {
$(this).html(modalLoaderHtml());
$(this).scrollTop(0);
});
if (inMobile > 0) {
$('.tt').removeClass('tt');
$('.po').removeClass('po');
$('.headerDisplay').removeClass('headerDisplay');
}
showMobileDownload();
});
function setModalHideOnPopState(e, mode) {
window.history.pushState(null, document.title, location.href);
$(window).off('popstate.modal');
$(window).off('popstate.dropdown');
$(window).one('popstate.' + mode, function(event) {
event.preventDefault();
if (mode == 'dropdown') {
taretId = e.target.firstElementChild.id;
$("#" + taretId).dropdown('toggle');
$("#" + taretId).parent().removeClass("open");
}
if (mode == 'modal') {
taretId = e.target.id;
$("#" + taretId).modal("hide");
}
});
}
$(document).on('AllStrreamListenvers', function() {
$('.profile_cert').off("click").click(function(e) {
$('.tt').tooltip('hide');
var url = $(this).attr("data-url");
pJaxRedirect(url);
});
var openDropdownScrollPosTimeout;
$('.dropdown').off('show.bs.dropdown.forlock').on('show.bs.dropdown.forlock', function(e) {
lockHtmlBody(true);
clearTimeout(openDropdownScrollPosTimeout);
openDropdownScrollPosTimeout = setTimeout(function() {
var taretId = e.target.firstElementChild.id;
}, 500);
showLoadingPopState = false;
setModalHideOnPopState(e, 'dropdown');
});
$('.dropdown').off('hide.bs.dropdown.forlock').on('hide.bs.dropdown.forlock', function(e) {
var elem = $(this);
var taretId = e.target.firstElementChild.id;
showLoadingPopState = true;
setTimeout(function() {
if (!elem.hasClass("open")) {
lockHtmlBody(false);
}
}, 250);
setTimeout(function() {
$(".dropdown ul").scrollTop(0);
}, 1500);
});
});
$('.topbarContainer .dropdown').on('show.bs.dropdown', function(e) {
$('.mobileMenuCont').removeClass('mobile-menu-up').addClass('mobile-menu-down');
});
$('.topbarContainer .dropdown').on('hide.bs.dropdown', function(e) {
$('.mobileMenuCont').addClass('mobile-menu-up').removeClass('mobile-menu-down');
});
// call this after every ajax loading
$(document).ajaxComplete(function(event, xhr, settings) {
// show Tooltips on elements inside the views, which have the class 'tt'
if (inMobile > 0) {
$('.tt').removeClass('tt');
$('.po').removeClass('po');
$('.headerDisplay').removeClass('headerDisplay');
}
$('.tt').tooltip({
html: true,
container: 'body'
});
// show Popovers on elements inside the views, which have the class 'po'
$('.po').popover({
html: true
});
// activate placeholder text for older browsers (specially IE)
$('input, textarea').placeholder();
if (typeof Cordova !== "undefined") {
$(".image-action-container, .player-action-container").remove();
}
});
function setSlickSlider(element) {
$(element).slick({
dots: true,
infinite: true,
centerMode: true,
arrows: false,
useTransform: true,
fade: false,
speed: 400,
swipeToSlide: true,
cssEase: 'cubic-bezier(0.77, 0, 0.18, 1)',
variableWidth: true
});
}
function addExtraContent() {
$(document).trigger("addExtraContentEvent");
}
if ($(document).width() < maxMobileWidth) {
$("#mainContent").css("overflow-x", "hidden");
}
inTour = 1;
var headerHeight4NavHide = $(".topbarContainer").height();
$('#translate-menu-dropdown').on("click.bs.dropdown", function(e) {
e.stopPropagation();
});
var lockHtmlBodyTimeout;
function lockHtmlBody(action) {
function disableScroll() {
$("html").css({
'overflow': 'hidden',
'overscroll-behavior': 'contain',
});
}
function enableScroll() {
$("html,body").css({
'overflow': '',
'overscroll-behavior': '',
});
}
if (action) {
clearTimeout(lockHtmlBodyTimeout);
lockHtmlBodyTimeout = setTimeout(function() {
disableScroll();
}, 250);
} else {
enableScroll();
}
}
jQuery.fn.scrollTo2 = function(elem) {
$(this).animate({
scrollTop: $(this).scrollTop() - $(this).offset().top + $(elem).offset().top
}, 1000);
return this;
};
preloadTemplates();
$(document).one('ready ajaxComplete', function() {
setTimeout(() => {
if (hideMainLoadingOnLoad) {
showHideMainLoading('hide');
}
}, 2500);
});
$(document).on('ready ajaxComplete', function() {
$(document).trigger('AllStrreamListenvers');
});
$(document).on('click touchstart', function() {
userInteracted = true;
});
$("#mainNav li:not(.dropdown)").click(function() {
$("#mainNav li").removeClass("active");
$(this).addClass("active");
})
</script>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
$(".time").timeago();
});
/*]]>*/
</script>
</body>
</html>
<script>
$("#topPageTitle").html("Trending");
original_title = "Trending";
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M3Z0B52X81"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-M3Z0B52X81');
$(document).on("ready AllStrreamListenvers", function() {
gtag('js', new Date());
gtag('config', 'G-M3Z0B52X81');
});
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1068933766">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1068933766');
$(document).on("ready AllStrreamListenvers", function() {
gtag('js', new Date());
gtag('config', 'AW-1068933766');
});
</script>

blaqsbi.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.