It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.indichat.me/read-blog/556?end=slzkydQHdWQP8PVV&rsv_bp=ScXECdhBVgbG07N4

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.      <title>IndiChat</title>
  5.      <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
  6.      <meta name="title" content="IndiChat">
  7.      <meta name="description" content="Be social, as your own place">
  8.      <meta name="keywords" content="social, indichat, social site">
  9.      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  10.    <meta name="theme-color" content="#3D8CFA" />
  11.                                            <meta property="og:title" content="IndiChat" />
  12.      <meta property="og:type" content="article" />
  13.      <meta property="og:url" content="https://indichat.me" />
  14.      <meta property="og:image" content="https://indichat.me/themes/sunshine/img/og.jpg" />
  15.      <meta property="og:image:secure_url" content="https://indichat.me/themes/sunshine/img/og.jpg" />
  16.      <meta property="og:description" content="Be social, as your own place" />
  17.      <meta name="twitter:card" content="summary">
  18.      <meta name="twitter:title" content="IndiChat" />
  19.      <meta name="twitter:description" content="Be social, as your own place" />
  20.      <meta name="twitter:image" content="https://indichat.me/themes/sunshine/img/og.jpg" />
  21.                                          
  22.      <link rel="shortcut icon" type="image/png" href="https://indichat.me/themes/sunshine/img/icon.png"/>
  23.      <link rel="stylesheet" href="https://indichat.me/themes/sunshine/stylesheet/general-style-plugins.css?version=3.0.2">
  24.                
  25.            <link rel="stylesheet" href="https://indichat.me/themes/sunshine/stylesheet/welcome.css?version=3.0.2">
  26.            <link rel="stylesheet" href="https://indichat.me/themes/sunshine/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=3.0.2">
  27.    
  28.    
  29.      <script src="https://indichat.me/themes/sunshine/javascript/jquery-3.1.1.min.js?version=3.0.2"></script>
  30.      <script src="https://cdn.jsdelivr.net/npm/jquery-ui-touch-punch@0.2.3/jquery.ui.touch-punch.min.js?version=3.0.2"></script>
  31.               <link rel="canonical" href="https://" />
  32.      
  33.            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css?version=3.0.2">
  34.      <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js?version=3.0.2"></script>
  35.        
  36.  
  37.      
  38.            
  39.      
  40.      
  41.  
  42.  
  43.      <link rel="stylesheet" href="https://indichat.me/themes/sunshine/player/fluidplayer.min.css?version=3.0.2" type="text/css"/>
  44.      <script src="https://indichat.me/themes/sunshine/player/fluidplayer.min.js?version=3.0.2"></script>
  45.            <style>
  46.      /*
  47.  
  48. Add here your custom css styles Example: p { text-align: center; color: red; }
  49.  
  50. */      </style>
  51.  
  52.      <script type="text/javascript">
  53.                  function Wo_Ajax_Requests_File(){
  54.            return "https://indichat.me/requests.php"
  55.         }
  56.               function RunLiveAgora(channelName,DIV_ID) {
  57.  var agoraAppId = '';
  58.  var token = null;
  59.  
  60.  var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'});
  61.  client.init(agoraAppId, function () {
  62.  
  63.  
  64.      client.setClientRole('audience', function() {
  65.    }, function(e) {
  66.    });
  67.    
  68.    client.join(token, channelName, 0, function(uid) {
  69.    }, function(err) {
  70.    });
  71.    }, function (err) {
  72.    });
  73.  
  74.    client.on('stream-added', function (evt) {
  75.    var stream = evt.stream;
  76.    var streamId = stream.getId();
  77.    
  78.    client.subscribe(stream, function (err) {
  79.    });
  80.  });
  81.  client.on('stream-subscribed', function (evt) {
  82.    var remoteStream = evt.stream;
  83.    remoteStream.play(DIV_ID);
  84.    $('#player_'+remoteStream.getId()).addClass('embed-responsive-item');
  85.  });
  86. }
  87.      </script>
  88.            
  89.    <style>
  90. @font-face {
  91.    font-family: OpenSansLight;
  92.    src: url("https://indichat.me/themes/sunshine/fonts/OpenSansLight/OpenSansLight.woff") format("woff");
  93.    font-weight: normal;
  94. }
  95. @font-face {
  96.    font-family: OpenSansRegular;
  97.    src: url("https://indichat.me/themes/sunshine/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff");
  98.    font-weight: normal;
  99. }
  100. @font-face {
  101.    font-family: OpenSansSemiBold;
  102.    src: url("https://indichat.me/themes/sunshine/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff");
  103.    font-weight: normal;
  104. }
  105. @font-face {
  106.    font-family: OpenSansBold;
  107.    src: url("https://indichat.me/themes/sunshine/fonts/OpenSansBold/OpenSansBold.woff") format("woff");
  108.    font-weight: normal;
  109. }
  110. .navbar-default {
  111.    background: #4d91ea; border: none;
  112.    height:45px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  113. }
  114. .navbar-nav.left_part_header .search-container {
  115. background: #4d91ea;
  116. }
  117. .round-check input[type="checkbox"]:checked + label:before {
  118.    background: #4d91ea !important;
  119. }
  120. .group-messages-wrapper a{
  121.    color: #4d91ea !important;
  122. }
  123. ul.profile-completion-bar li.completion-bar div.completion-bar-status {
  124.    background: #4d91ea !important;
  125. }
  126. .featured-users{
  127.    background: #fff !important;
  128. }
  129. .result-bar {
  130.    background: #4d91ea !important;
  131. }
  132. .avtive {
  133.    border-color: #4d91ea !important;
  134. }
  135. .left-sidebar ul li a i {
  136.    color: #4d91ea !important;
  137. }
  138. .cs-loader-inner, .main  {
  139.    color: #4d91ea;
  140. }
  141. .login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper {
  142.    border-color: #4d91ea !important;
  143. }
  144. .login:not(.loading) button:hover {
  145.    background: #2e7be5 !important;
  146.    color: #ffffff;
  147. }
  148.  
  149. #search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{
  150.    border-color: #4d91ea;
  151. }
  152. #search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{
  153.    background: #4d91ea;
  154. }
  155. .login button, .wo_search_page .nav-tabs li.active a {
  156.    background: #4d91ea !important;
  157.    color: #ffffff !important;
  158. }
  159.  
  160. .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  161.    background-color: #4d91ea !important;
  162.    background: #4d91ea !important;
  163.    background-image: #4d91ea !important;
  164. }
  165. .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  166.    color: #ffffff !important;
  167.    background-color: #2e7be5 !important;
  168. }
  169. .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover {
  170.    color: #ffffff !important;
  171.    background-color: #333333 !important;
  172. }
  173. body {
  174.    background-color: #f9f9f9;
  175. }
  176. .navbar-default .navbar-nav>li>a {
  177.    color: #ffffff;
  178.    font-size: 13px;
  179. }
  180. a.unread-update, .head_clos_srch {
  181.    color: #ffffff !important;
  182. }
  183. .btn-main {
  184.    color: #ffffff;
  185.    background-color: #4d91ea;
  186.    border-color: #4d91ea;
  187. }
  188. .btn-main:hover {
  189.    color: #ffffff;
  190.    background-color: #2e7be5;
  191.    border-color: #2e7be5;
  192. }
  193. .active-wonder {
  194.    color: #4d91ea;
  195. }
  196. .admin-panel .col-md-9 .list-group-item:first-child, .setting-panel .col-md-8 .list-group-item:first-child, .profile-lists .list-group-item:first-child, .col-md-8 .list-group-item:first-child, .col-md-3.custom .list-group-item:first-child, .col-sm-4 .list-group-item:first-child, .col-md-7 .list-group-item:first-child, .col-md-9 .list-group-item:first-child, .red-list .list-group-item:first-child, .active.list-group-item:first-child {
  197.     color: #444;
  198.     background-color: #fcfcfc;
  199.     border-bottom: 1px solid #f1f1f1;
  200.     padding: 18px;
  201. }
  202. .admin-panel .col-md-9 .list-group-item:first-child a, .setting-panel .col-md-8 .list-group-item:first-child a, .profile-lists .list-group-item:first-child a, .col-md-8 .list-group-item:first-child a, .col-md-7 .list-group-item:first-child a, .active.list-group-item:first-child a {
  203.    color: #444 !important;
  204. }
  205. .list-group-item.black-list.active-list, .red-list.active-list {
  206.    color: #ffffff;
  207.    background-color: #4d91ea;
  208. }
  209. .list-group-item.black-list {
  210.    background: #4d91ea;
  211. }
  212. .profile-top-line {
  213.    background-color: #4d91ea;
  214. }
  215. #bar {
  216.    background-color: #4d91ea;
  217. }
  218. .list-group-item.black-list a{
  219.    color: #ffffff;
  220. }
  221. .list-group-item.black-list.active-list a{
  222.    color: #4d91ea;
  223. }
  224. .main-color, .small-text a {
  225.    color: #4d91ea !important;
  226. }
  227. .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  228.    color: #ffffff;
  229.    cursor: default;
  230.    color: #4d91ea;
  231.    border-bottom: 1px solid #4d91ea;
  232.    background-color: transparent
  233. }
  234. .btn-active {
  235.    color: #ffffff;
  236.    background: #4d91ea;
  237.    outline: none;
  238.    border: 1px solid #4d91ea
  239. }
  240. .btn-active:hover, .btn-active:focus {
  241.    border: 1px solid #2e7be5;
  242.    color: #ffffff;
  243.    background: #2e7be5;
  244. }
  245. .btn-active-color:hover {
  246.    background: #2e7be5;
  247. }
  248. .chat-tab .online-toggle {
  249.    background: #4d91ea;
  250. }
  251. .profile-style .user-follow-button button.btn-active, .btn-login, .btn-register {
  252.    background: #4d91ea;
  253.    color: #ffffff;
  254. }
  255. .profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus {
  256.    color: #ffffff;
  257.    background: #2e7be5;
  258. }
  259. .panel-login>.panel-heading a.active {
  260.    color: #4d91ea;
  261.    font-size: 18px;
  262. }
  263. .hash {
  264.    color: #4d91ea;
  265. }
  266. .message-text .hash {
  267.    color: #fff !important;
  268. }
  269. .search-container .search-input {
  270.    color: #fff!important;
  271.    background: #0147a9 !important;
  272. }
  273. .chat-messages-wrapper .outgoing {
  274.    background: #4d91ea;
  275. }
  276. .message p {
  277.    color: #fff;
  278. }
  279. .text-sender-container .outgoing .message-model .message {
  280.    background: #4d91ea;
  281. }
  283. .incoming .message. p {
  284.    color: #555;
  285. }
  286. .incoming.message p {
  287.    color: #555;
  288. }
  289. .incoming .message p {
  290.    color: #555;
  291. }
  292. .normal-container {
  293.    width: 100%;
  294.    height: 100%;
  295.    margin-top: 15px;
  296. }
  297. .active.fa-thumbs-up {
  298.    color: #4d91ea;
  299. }
  300. .api-ex-urls {
  301.    background-color: #4d91ea; color: #ffffff;
  302. }
  303. .user-username {
  304.    color: #4d91ea;
  305. }
  306. .upload-image {
  307.    border: 3px dashed #4d91ea;
  308. }
  309. .events-tab-list li { background-color: #4d91ea; }
  310. .events-tab-list li:hover { background-color: #4d91ea; }
  311. .active-e-tab { background-color: #4d91ea !important; }
  312. .main { color: #4d91ea !important; }
  313. .events-list-dropup-menu ul li a:hover { background: #4d91ea; }
  314. .usr-offline { color: #4d91ea; }
  315. .blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #4d91ea !important; }
  316. .blog_publ {background: #4d91ea ; border: 1px solid #4d91ea ; }
  317.  
  318. .slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{
  319.    color: #4d91ea !important;
  320. }
  321. .movies h3.latest-movies, h3.recommended-movies {
  322.    border-left: 3px solid  #4d91ea;
  323. }
  324.  
  325. .wo_user_profile .user-bottom-nav li .menuactive {
  326.    border-bottom: 2px solid #4d91ea;
  327.    color:#4d91ea;
  328. }
  329.  
  330.  
  331.  
  332.  
  333. .post .panel.active_shadow {
  334.    box-shadow: 0 0 0 1.5px #4d91ea !important;
  335. }
  336.  
  337. .ui-widget-header .ui-state-default {
  338.    background-color: #4d91ea;
  339. }
  340.  
  341. .reaction-1::before {
  342.    content: "Like";
  343. }
  344. .reaction-2::before {
  345.    content: "Love";
  346. }
  347. .reaction-3::before {
  348.    content: "HaHa";
  349. }
  350. .reaction-4::before {
  351.    content: "WoW";
  352. }
  353. .reaction-5::before {
  354.    content: "Sad";
  355. }
  356. .reaction-6::before {
  357.    content: "Angry";
  358. }
  359. /*.reaction-like::before {
  360.    content: "Like";
  361. }
  362. .reaction-love::before {
  363.    content: "Love";
  364. }
  365. .reaction-haha::before {
  366.    content: "HaHa";
  367. }
  368. .reaction-wow::before {
  369.    content: "WoW";
  370. }
  371. .reaction-sad::before {
  372.    content: "Sad";
  373. }
  374. .reaction-angry::before {
  375.    content: "Angry";
  376. }*/
  377.  
  378. .navbar-default .dropdown-menu.ani-acc-menu >li>a:hover {
  379.    color: #ffffff;background-color: #4d91ea;
  380. }
  381.  
  382. @media (min-width: 992px){
  383. #wo_msg_right_prt .text-sender-container .outgoing .message-model .message p {
  384.    color: #ffffff;background-color: #4d91ea;
  385. }
  386.  
  387. #wo_nw_msg_page .messages-recipients-list .msg_ava_name {
  388.    color: #ffffff !important;
  389. }
  390. #wo_nw_msg_page .messages-recipients-list.active .msg_ava_name {
  391.    color: #333 !important;
  392. }
  393. }
  394.  
  395.  
  396. .sun_input input:focus, .sun_input textarea:focus, .sun_input select:focus{border-color:#4d91ea}
  397. .loading::before {background-color: #4d91ea;}
  398.  
  399.  
  400.  
  401. </style>    
  402.          <style>.wo_regi_features:before{content: '';display: block;background-image: url(https://indichat.me/themes/sunshine/img/backgrounds/login.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.35;}
  403.    </style>
  404.      
  405.                    <script crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
  406.    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5611943354435201"
  407.     crossorigin="anonymous"></script>
  408.   </head>
  409.  
  410.   <body >
  411.       <div id="focus-overlay"></div>
  412.      <input type="hidden" class="main_session" value="f6633a1f674a892e45e1">
  413.                  <div class="content-container welcome-container" style="">
  414.         <div class="ad-placement-header-footer">
  415.                     </div>
  416.         <div id="contnet"><div id="welcomeheader">
  417. <div class="container">
  418. <div class="logo pull-left">
  419. <a href="https://indichat.me"><img src="https://indichat.me/themes/sunshine/img/logo-alt.jpeg" alt="Logo"> </a>
  420. </div>
  421. <ul class="nav navbar-nav navbar-right pull-right">
  422. <li class="lang_selct dropdown">
  423. <a href="#" class="dropdown-toggle mdbtn main" data-toggle="dropdown" role="button" aria-expanded="false">
  424. <svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" class="feather feather-translate" style="margin-top: -3px;width: 15px;height: 15px;vertical-align: middle;"><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z" /></svg> Language </a>
  425. <ul class="dropdown-menu dropdown-menu-right sun_lang_select_menu">
  426. <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li>
  427. <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li>
  428. <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li>
  429. <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li>
  430. <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li>
  431. <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li>
  432. <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li>
  433. <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li>
  434. <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li>
  435. <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li>
  436. </ul>
  437. </li>
  438. </ul>
  439. </div>
  440. </div><div class="wrapper">
  441. <div class="container">
  442. <div class="row login">
  443. <div class="col-md-7">
  444. <div class="sun_welcome_img">
  445. <img src="https://indichat.me/themes/sunshine/img/backgrounds/group-chat.svg" alt="Welcome!" />
  446. </div>
  447. </div>
  448. <div class="col-md-5">
  449. <div class="sun_welcome_heading">
  450. <h1>Welcome! :)</h1>
  451. <p>Share what's new and life moments with your friends.</p>
  452. </div>
  453. <form id="login" method="post">
  454. <div class="errors"></div>
  455. <div class="loading_cont">
  456. <div class="loading hidden"></div>
  457. </div>
  458. <div class="sun_input_holder">
  459. <div class="sun_input">
  460. <input name="username" id="username" type="text" placeholder="Username" autofocus />
  461. <label for="username">Username</label>
  462. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
  463. </div>
  464. <div class="sun_input">
  465. <input name="password" id="password" type="password" placeholder="Password" />
  466. <label for="password">Password</label>
  467. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
  468. </div>
  469. </div>
  470. <div class="forgot_password">
  471. <a href="https://indichat.me/forgot-password">Forgot Password?</a>
  472. </div>
  473. <div class="login_signup_combo">
  474. <div class="login__">
  475. <button type="submit" class="btn btn-main">Login</button>
  476. </div>
  477. <div class="signup__">
  478. <a class="dec btn btn-default" href="https://indichat.me/register">Register</a>
  479. </div>
  480. </div>
  481. </form>
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487.  
  488. <div class="container"><div class="welcome-footer pull-left">
  489. <a data-ajax="?link1=terms&type=terms" href="https://indichat.me/terms/terms">Terms of Use</a>
  490. <a data-ajax="?link1=terms&type=privacy-policy" href="https://indichat.me/terms/privacy-policy">Privacy Policy</a>
  491. <a data-ajax="?link1=contact-us" href="https://indichat.me/contact-us">Contact Us</a>
  492. <a data-ajax="?link1=terms&type=about-us" href="https://indichat.me/terms/about-us">About</a>
  493. <a href="https://indichat.me/blogs">Blog</a>
  494. </div>
  495. <div class="welcome-footer-right pull-right">
  496. © 2024 indichat.me</div></div>
  497.  
  498. <script>
  499. var working = false;
  500. var $this = $('#login');
  501. var $state = $this.find('.errors');
  502. $(function() {
  503.  $('#login').ajaxForm({
  504.    url: Wo_Ajax_Requests_File() + '?f=login',
  505.    beforeSend: function() {
  506. working = true;
  507. $this.find('button').attr("disabled", true);
  508. $this.find('.loading').removeClass('hidden');
  509.    },
  510.    success: function(data) {
  511.      if (data.status == 200 || data.status == 600) {
  512.       $state.addClass('success');
  513.        $state.html('Welcome back!');
  514. $this.find('.loading').addClass('hidden');
  515.        setTimeout(function () {
  516.         window.location.href = data.location;
  517.        }, 1000);
  518.      } else {
  519.        var errors = data.errors.join("<br>");
  520. $this.find('button').attr("disabled", false);
  521. $this.find('.loading').addClass('hidden');
  522.        $state.html(errors);
  523.      }
  524.      working = false;
  525.    }
  526.  });
  527. });
  528. </script></div>
  529.                  <footer>
  530.                     </footer>
  531.         <div class="second-footer">
  532.                     </div>
  533.         <div class="extra">
  534.                     </div>
  535.      </div>
  536.      <!-- Load modal alerts -->
  537.    <div class="modal fade in" id="comment_report_box" role="dialog">
  538.    <div class="modal-dialog">
  539.    
  540.      <div class="modal-content">
  541.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;">
  542.          <i class="fa fa-check" aria-hidden="true" style="color: green;"></i>      
  543.          <span class="msg">Comment reported successfully.</span>
  544.        </p>
  545.      </div>
  546.      
  547.    </div>
  548. </div>
  549.  
  550. <div class="modal fade in" id="post-shared" role="dialog">
  551.    <div class="modal-dialog">
  552.    
  553.      <div class="modal-content">
  554.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;">
  555.          <i class="fa fa-check" aria-hidden="true" style="color: green;"></i>      
  556.          Post was successfully added to your timeline!        </p>
  557.      </div>
  558.      
  559.    </div>
  560. </div>
  561. <div class="modal fade in" id="modal-alert" role="dialog">
  562.    <div class="modal-dialog">
  563.      <div class="modal-content">
  564.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;">
  565.          <i class="fa fa-info-circle" aria-hidden="true" style="color: #31708f;"></i>      
  566.          <span id="modal-alert-msg">
  567.            You have reached your limit of 5000 friends!          </span>
  568.        </p>
  569.      </div>
  570.    </div>
  571. </div>
  572. <div class="modal fade in" id="invalid_file" role="dialog">
  573.    <div class="modal-dialog">
  574.    
  575.      <div class="modal-content">
  576.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;">
  577.          <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i>      
  578.          File size error: The file exceeds allowed the limit (92 MB) and can not be uploaded.        </p>
  579.      </div>
  580.      
  581.    </div>
  582. </div>
  583. <div class="modal fade in" id="file_not_supported" role="dialog">
  584.    <div class="modal-dialog">
  585.    
  586.      <div class="modal-content">
  587.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;">
  588.          <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i>      
  589.          Unable to upload a file: This file type is not supported.        </p>
  590.      </div>
  591.      
  592.    </div>
  593. </div>
  594. <div class="modal fade" id="modal_light_box" role="dialog">
  595. <button type="button" class="close comm_mod_img_close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
  596.  <div class="modal-dialog" >
  597.    <div class="modal-content">              
  598.      <div class="modal-body" style="padding: 0;">
  599.        <img  class="image" style="width: 100%;" >
  600.      </div>
  601.    </div>
  602.  </div>
  603. </div>
  604. <div class="modal fade in" id="adult_image_file" role="dialog">
  605.    <div class="modal-dialog">
  606.    
  607.      <div class="modal-content">
  608.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;">
  609.          <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i>      
  610.          We have detected some adult content on the image you uploaded, therefore we have declined your upload process.        </p>
  611.      </div>
  612.      
  613.    </div>
  614. </div>
  615.  
  616.  
  617. <div class="modal fade sun_modal" id="views-info-modal" role="dialog">
  618. <div class="modal-dialog">
  619. <div class="modal-content">
  620. <div class="modal-header">
  621. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  622. <h4 class="modal-title"><span id="views_info_title"></span></h4>
  623. </div>
  624. <div class="modal-body">
  625. <div id="views_info" class="wo_react_ursrs_list"></div>
  626. <div class="clearfix"></div>
  627. <div id="views_info_load" style="display: none;">
  628. <div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor">
  629. <button class="btn btn-default text-center views_info_load_more" data-type="" post-id="" table-type="" onclick="Wo_LoadViewsInfo(this);"><span id="load_more_info_btn">Load more</span>
  630. </button>
  631. </div>
  632. </div>
  633. </div>
  634. </div>
  635. </div>
  636. </div>
  637.  
  638. <div class="modal fade sun_modal" id="users-reacted-modal" role="dialog">
  639. <div class="modal-dialog">
  640. <div class="modal-content">
  641. <div class="modal-header">
  642. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  643. <h4 class="modal-title">
  644. <div class="who_react_modal">
  645.                          <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);">
  646.                <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/like-sm.png"></div>
  647.              </span>
  648.                          <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);">
  649.                <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/love-sm.png"></div>
  650.              </span>
  651.                          <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);">
  652.                <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/haha-sm.png"></div>
  653.              </span>
  654.                          <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);">
  655.                <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/wow-sm.png"></div>
  656.              </span>
  657.                          <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);">
  658.                <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/sad-sm.png"></div>
  659.              </span>
  660.                          <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);">
  661.                <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/angry-sm.png"></div>
  662.              </span>
  663.             <!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');">
  664. <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/like-sm.png"></div>
  665. </span>
  666. <span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');">
  667. <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/love-sm.png"></div>
  668. </span>
  669. <span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');">
  670. <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/haha-sm.png"></div>
  671. </span>
  672. <span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');">
  673. <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/wow-sm.png"></div>
  674. </span>
  675. <span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');">
  676. <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/sad-sm.png"></div>
  677. </span>
  678. <span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');">
  679. <div class="inline_post_emoji inline_act_emoji"><img src="https://indichat.me/themes/sunshine/reaction/angry-sm.png"></div>
  680. </span> -->
  681. </div>
  682. </h4>
  683. </div>
  684. <div class="modal-body">
  685. <div id="reacted_users_box" class="wo_react_ursrs_list"></div>
  686. <div class="clearfix"></div>
  687. <div id="reacted_users_load" style="display: none;">
  688. <div class="load-more wo_react_ursrs_list_lod_mor">
  689. <button class="btn btn-default text-center reacted_users_load_more" data-type="" post-id="" col-type="" onclick="Wo_LoadMoreReactedUsers(this);"><span id="load_more_reacted_btn">Load more</span>
  690. </button>
  691. </div>
  692. </div>
  693. </div>
  694. </div>
  695. </div>
  696. </div>
  697.  
  698. <div class="modal fade in" id="approve_post" role="dialog">
  699.    <div class="modal-dialog">
  700.    
  701.      <div class="modal-content">
  702.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;">
  703.          <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i>      
  704.          Your post was submitted, we will review your content soon.        </p>
  705.      </div>
  706.      
  707.    </div>
  708. </div>
  709. <div class="modal fade in" id="pro_upload_file" role="dialog">
  710.    <div class="modal-dialog">
  711.    
  712.      <div class="modal-content">
  713.        <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;">
  714.          <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i>      
  715.          To upload images, videos, and audio files, you have to upgrade to pro member. <a href="https://indichat.me/go-pro">Upgrade To Pro</a>
  716.        </p>
  717.      </div>
  718.      
  719.    </div>
  720. </div>
  721.  
  722. <div class="modal fade sun_modal" id="edit-offer-modal" role="dialog">
  723. <div class="modal-dialog">
  724.      <div class="modal-content">
  725.            <div class="modal-header">
  726.                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
  727.                  <h4 class="modal-title"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> Edit Offer</h4>
  728.            </div>
  729.            <div class="modal-body">
  730.                  <div class="wo_settings_page">
  731.                        <form class="edit-offer-form form-horizontal" method="post">
  732.                              <div class="app-offer-alert app-general-alert"></div>
  733.                              <div class="clear"></div>
  734.                              <div class="setting-panel row job-setting-panel edit_offer_modal_form">
  735.                                    
  736.  
  737.                              </div>
  738.  
  739.                              <div class="publisher-hidden-option">
  740.                                    <div id="progress" class="create-offer-progress">
  741.                                          <span id="percent" class="create-product-percent pull-right">0%</span>
  742.                                          <div class="progress">
  743.                                                <div id="bar" class="progress-bar active create-product-bar"></div>
  744.                                          </div>
  745.                                          <div class="clear"></div>
  746.                                    </div>
  747.                              </div>
  748.  
  749.                              
  750.                              <div class="form-group last-sett-btn modal-footer">
  751.                                    <div class="ball-pulse"><div></div><div></div><div></div></div>
  752.                                    <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button>
  753.                              </div>
  754.                        </form>
  755.                  </div>
  756.            </div>
  757.      </div>
  758. </div>
  759. </div>    
  760.                
  761.        
  762.        
  763.      <!-- JS FILES -->
  764.            <script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script>
  765.                  
  766.      <script type="text/javascript" src="https://indichat.me/themes/sunshine/javascript/welcome.js?version=3.0.2"></script>
  767.            <script type="text/javascript" src="https://indichat.me/themes/sunshine/javascript/script.js?version=3.0.2"></script>
  768.                  <div class="extra-css"></div>
  769.          
  770.      <!-- End 'JS FILES' -->
  771.      <script type="text/javascript">
  772.  (function (factory) {
  773.  if (typeof define === 'function' && define.amd) {
  774.    // AMD. Register as an anonymous module.
  775.    define(['jquery'], factory);
  776.  } else {
  777.    // Browser globals
  778.    factory(jQuery);
  779.  }
  780. }(function ($) {
  781.  $.timeago = function(timestamp) {
  782.    if (timestamp instanceof Date) {
  783.      return inWords(timestamp);
  784.    } else if (typeof timestamp === "string") {
  785.      return inWords($.timeago.parse(timestamp));
  786.    } else if (typeof timestamp === "number") {
  787.      return inWords(new Date(timestamp));
  788.    } else {
  789.      return inWords($.timeago.datetime(timestamp));
  790.    }
  791.  };
  792.  var $t = $.timeago;
  793.  
  794.  $.extend($.timeago, {
  795.    settings: {
  796.      refreshMillis: 60000,
  797.      allowPast: true,
  798.      allowFuture: false,
  799.      localeTitle: false,
  800.      cutoff: 0,
  801.      strings: {
  802.        prefixAgo: null,
  803.        prefixFromNow: null,
  804.        suffixAgo: "ago",
  805.        suffixFromNow: "from now",
  806.        inPast: "any moment now",
  807.        seconds: "Just now",
  808.        minute: "about a minute ago",
  809.        minutes: "%d minutes ago",
  810.        hour: "about an hour ago",
  811.        hours: "%d hours ago",
  812.        day: "a day ago",
  813.        days: "%d days ago",
  814.        month: "about a month ago",
  815.        months: "%d months ago",
  816.        year: "about a year ago",
  817.        years: "%d years ago",
  818.        wordSeparator: " ",
  819.        numbers: []
  820.      }
  821.    },
  822.  
  823.    inWords: function(distanceMillis) {
  824.      if(!this.settings.allowPast && ! this.settings.allowFuture) {
  825.          throw 'timeago allowPast and allowFuture settings can not both be set to false.';
  826.      }
  827.  
  828.      var $l = this.settings.strings;
  829.      var prefix = $l.prefixAgo;
  830.      var suffix = $l.suffixAgo;
  831.      if (this.settings.allowFuture) {
  832.        if (distanceMillis < 0) {
  833.          prefix = $l.prefixFromNow;
  834.          suffix = $l.suffixFromNow;
  835.        }
  836.      }
  837.  
  838.      if(!this.settings.allowPast && distanceMillis >= 0) {
  839.        return this.settings.strings.inPast;
  840.      }
  841.  
  842.      var seconds = Math.abs(distanceMillis) / 1000;
  843.      var minutes = seconds / 60;
  844.      var hours = minutes / 60;
  845.      var days = hours / 24;
  846.      var years = days / 365;
  847.  
  848.      function substitute(stringOrFunction, number) {
  849.        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
  850.        var value = ($l.numbers && $l.numbers[number]) || number;
  851.        return string.replace(/%d/i, value);
  852.      }
  853.  
  854.      var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
  855.        seconds < 90 && substitute($l.minute, 1) ||
  856.        minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
  857.        minutes < 90 && substitute($l.hour, 1) ||
  858.        hours < 24 && substitute($l.hours, Math.round(hours)) ||
  859.        hours < 42 && substitute($l.day, 1) ||
  860.        days < 30 && substitute($l.days, Math.round(days)) ||
  861.        days < 45 && substitute($l.month, 1) ||
  862.        days < 365 && substitute($l.months, Math.round(days / 30)) ||
  863.        years < 1.5 && substitute($l.year, 1) ||
  864.        substitute($l.years, Math.round(years));
  865.  
  866.      var separator = $l.wordSeparator || "";
  867.      if ($l.wordSeparator === undefined) { separator = " "; }
  868.  
  869.      
  870.         return $.trim([prefix, words].join(separator));
  871.  
  872.          },
  873.  
  874.    parse: function(iso8601) {
  875.      var s = $.trim(iso8601);
  876.      s = s.replace(/\.\d+/,""); // remove milliseconds
  877.      s = s.replace(/-/,"/").replace(/-/,"/");
  878.      s = s.replace(/T/," ").replace(/Z/," UTC");
  879.      s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
  880.      s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
  881.      return new Date(s);
  882.    },
  883.    datetime: function(elem) {
  884.      var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
  885.      return $t.parse(iso8601);
  886.    },
  887.    isTime: function(elem) {
  888.      // jQuery's `is()` doesn't play well with HTML5 in IE
  889.      return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
  890.    }
  891.  });
  892.  
  893.  // functions that can be called via $(el).timeago('action')
  894.  // init is default when no action is given
  895.  // functions are called with context of a single element
  896.  var functions = {
  897.    init: function(){
  898.      var refresh_el = $.proxy(refresh, this);
  899.      refresh_el();
  900.      var $s = $t.settings;
  901.      if ($s.refreshMillis > 0) {
  902.        this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
  903.      }
  904.    },
  905.    update: function(time){
  906.      var parsedTime = $t.parse(time);
  907.      $(this).data('timeago', { datetime: parsedTime });
  908.      if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString());
  909.      refresh.apply(this);
  910.    },
  911.    updateFromDOM: function(){
  912.      $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
  913.      refresh.apply(this);
  914.    },
  915.    dispose: function () {
  916.      if (this._timeagoInterval) {
  917.        window.clearInterval(this._timeagoInterval);
  918.        this._timeagoInterval = null;
  919.      }
  920.    }
  921.  };
  922.  
  923.  $.fn.timeago = function(action, options) {
  924.    var fn = action ? functions[action] : functions.init;
  925.    if(!fn){
  926.      throw new Error("Unknown function name '"+ action +"' for timeago");
  927.    }
  928.    // each over objects here and call the requested function
  929.    this.each(function(){
  930.      fn.call(this, options);
  931.    });
  932.    return this;
  933.  };
  934.  
  935.  function refresh() {
  936.    var data = prepareData(this);
  937.    var $s = $t.settings;
  938.  
  939.    if (!isNaN(data.datetime)) {
  940.      if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
  941.        $(this).text(inWords(data.datetime));
  942.      }
  943.    }
  944.    return this;
  945.  }
  946.  
  947.  function prepareData(element) {
  948.    element = $(element);
  949.    if (!element.data("timeago")) {
  950.      element.data("timeago", { datetime: $t.datetime(element) });
  951.      var text = $.trim(element.text());
  952.      if ($t.settings.localeTitle) {
  953.        element.attr("title", element.data('timeago').datetime.toLocaleString());
  954.      } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
  955.        element.attr("title", text);
  956.      }
  957.    }
  958.    return element.data("timeago");
  959.  }
  960.  
  961.  function inWords(date) {
  962.    return $t.inWords(distance(date));
  963.  }
  964.  
  965.  function distance(date) {
  966.    return (new Date().getTime() - date.getTime());
  967.  }
  968.  
  969.  // fix for IE6 suckage
  970.  document.createElement("abbr");
  971.  document.createElement("time");
  972. }));
  973.  
  974.  
  975. $(function () {
  976.  setInterval(function () {
  977.    
  978.    if ( $('.ajax-time').length > 0) {
  979.      $('.ajax-time').timeago()
  980.        .removeClass('.ajax-time');
  981.    }
  982.  },
  983.  1000);
  984. });
  985. </script>      
  986.            <!-- Audio FILES -->
  987.            
  988.      <!-- End 'Audio FILES' -->
  989.      <script>
  990.        $(window).on("popstate", function (e) {
  991.          location.reload();
  992.      });
  993.       /*Language Select*/
  994.        $(document).ready(function(){
  995.          $(".sun_lang_select_menu li a.English").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/united-states.svg"/></span> ');
  996.          $(".sun_lang_select_menu li a.Arabic").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/saudi-arabia.svg"/></span> ');
  997.          $(".sun_lang_select_menu li a.Dutch").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/netherlands.svg"/></span> ');
  998.          $(".sun_lang_select_menu li a.French").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/france.svg"/></span> ');
  999.          $(".sun_lang_select_menu li a.German").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/germany.svg"/></span> ');
  1000.          $(".sun_lang_select_menu li a.Hungarian").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/hungary.svg"/></span> ');
  1001.          $(".sun_lang_select_menu li a.Italian").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/italy.svg"/></span> ');
  1002.          $(".sun_lang_select_menu li a.Portuguese").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/portugal.svg"/></span> ');
  1003.          $(".sun_lang_select_menu li a.Russian").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/russia.svg"/></span> ');
  1004.          $(".sun_lang_select_menu li a.Spanish").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/spain.svg"/></span> ');
  1005.          $(".sun_lang_select_menu li a.Serbian").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/serbia.svg"/></span> ');
  1006.          $(".sun_lang_select_menu li a.Turkish").append('<span class="language_initial"><img src="https://indichat.me/themes/sunshine/img/flags/turkey.svg"/></span> ');
  1007.        });
  1008.              </script>
  1009.            <script>
  1010.      window.addEventListener("load", function(){
  1011.      window.cookieconsent.initialise({
  1012.        "palette": {
  1013.          "popup": {
  1014.            "background": "#3D8CFA",
  1015.            "text": "#fff"
  1016.          },
  1017.          "button": {
  1018.            "background": "#9fc7ff"
  1019.          }
  1020.        },
  1021.        "theme": "edgeless",
  1022.         "position": "bottom-left",         "content": {
  1023.          "message": "This website uses cookies to ensure you get the best experience on our website.",
  1024.          "dismiss": "Got It!",
  1025.          "link": "Learn More",
  1026.          "href": "https://indichat.me/terms/privacy-policy"
  1027.        }
  1028.      })});
  1029.      </script>
  1030.                <style>.cc-bottom{bottom: 2.5em;}</style>
  1031.        
  1032.            <!-- // NEW STORY -->
  1033.      <script type="text/javascript">
  1034.          $(document).on('click', '.story-image-wrapper', function(event) {
  1035.          event.preventDefault();
  1036.          $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  1037.  
  1038.          $value = $(this).parents(".story-container").attr('data-status-id');
  1039.          $.post(Wo_Ajax_Requests_File() + '?f=story_view', {id: $value}, function(data, textStatus, xhr) {
  1040.            if (data.status == 200) {
  1041.              document.body.style.overflow = 'hidden';
  1042.                $('.lightbox-container').html(data.html);
  1043.                $('.width_').addClass('load');
  1044.                setTimeout(function(){
  1045.                    $('.width_').css('width', '100%');
  1046.              }, 200);
  1047.                Wo_Delay(function(){
  1048.                    if ($('.dont_close_story_'+$value).length == 0) {
  1049.                      Get_NextStory(data.story_id);
  1050.                    }
  1051.              }, 10000);
  1052.            }
  1053.            else{
  1054.              Wo_CloseLightbox();
  1055.            }
  1056.          });
  1057.        });
  1058.  
  1059.        function Wo_GetMoreStoryViews(story_id,self) {
  1060.          last_view = $('.story_views_').last().attr('id');
  1061.          $(self).addClass('dont_close_story_'+story_id);
  1062.          $(self).find('button').html('Please wait..');
  1063.          $.post(Wo_Ajax_Requests_File() + '?f=story_views_', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) {
  1064.            if (data.status == 200) {
  1065.              $(self).find('button').html('<span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg></span> Load more');
  1066.              
  1067.              $('.views_container_').append(data.html);
  1068.            }
  1069.            else{
  1070.              $(self).find('button').html('No more views');
  1071.  
  1072.            }
  1073.          });
  1074.        }
  1075.        $(document).on('click', '.see_all_stories', function(event) {
  1076.          event.preventDefault();
  1077.  story_loader = $(this);
  1078.  story_loader.addClass('story_start_load');
  1079.          $('#contnet').append('<div class="lightbox-container"></div>');
  1080.          user_id = $(this).attr('data_story_user_id');
  1081.          type = $(this).attr('data_story_type');
  1082.          $.post(Wo_Ajax_Requests_File() + '?f=view_all_stories', {user_id: user_id,type:type}, function(data, textStatus, xhr) {
  1083.            document.body.style.overflow = 'hidden';
  1084.            $('.lightbox-container').html(data.html);
  1085. story_loader.removeClass('story_start_load');
  1086.            setTimeout(function(){
  1087.              video_story = $('#video_story').attr('data-story-video');
  1088.                if ($('[data-story-video='+video_story+']').length == 0) {
  1089.  
  1090.                  $('.width_').addClass('load');
  1091.                  setTimeout(function(){
  1092.                      $('.width_').css('width', '100%');
  1093.                  }, 200);
  1094.                  Wo_Delay(function(){
  1095.                    value = $('.user_story_').attr('id');
  1096.  
  1097.                      if ($('.dont_close_story_'+value).length == 0) {
  1098.                        if (type == 'user') {
  1099.                          Get_NextStory(data.story_id);
  1100.                        }
  1101.                        else{
  1102.                          
  1103.                          Get_NextStory(data.story_id,'friends');
  1104.                        }
  1105.                      }
  1106.                  }, 10000);
  1107.                }
  1108.              }, 200);
  1109.          });
  1110.        });
  1111.        function Get_PreviousStory(story_id,story_type = '') {
  1112.          if ($('.lightbox-container').is(":visible")) {
  1113.            
  1114.            Wo_CloseLightbox();
  1115.            $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  1116.            $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'previous',story_type:story_type}, function(data, textStatus, xhr) {
  1117.              if (data.status == 200) {
  1118.                document.body.style.overflow = 'hidden';
  1119.                  $('.lightbox-container').html(data.html);
  1120.                  video_story = $('#video_story').attr('data-story-video');
  1121.                if ($('[data-story-video='+video_story+']').length == 0) {
  1122.                    $('.width_').addClass('load');
  1123.                    setTimeout(function(){
  1124.                        $('.width_').css('width', '100%');
  1125.                  }, 200);
  1126.                    Wo_Delay(function(){
  1127.                      value = $('.user_story_').attr('id');
  1128.                        if ($('.dont_close_story_'+value).length == 0) {
  1129.                          if (story_type == 'user') {
  1130.                            if ($('.lightpost-'+data.story_id).length > 0) {
  1131.                              Get_NextStory(data.story_id);
  1132.                            }
  1133.                          }
  1134.                          else{
  1135.                            if ($('.lightpost-'+data.story_id).length > 0) {
  1136.                              Get_NextStory(data.story_id,'friends');
  1137.                            }
  1138.                          }
  1139.                        }
  1140.                  }, 10000);
  1141.                }
  1142.              }
  1143.              else{
  1144.                Wo_CloseLightbox();
  1145.              }
  1146.            });
  1147.          }
  1148.        }
  1149.        function Get_NextStory(story_id,story_type = '') {
  1150.          if ($('.lightbox-container').is(":visible")) {
  1151.            
  1152.            Wo_CloseLightbox();
  1153.            $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  1154.            $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'next',story_type:story_type}, function(data, textStatus, xhr) {
  1155.              if (data.status == 200) {
  1156.                document.body.style.overflow = 'hidden';
  1157.                  $('.lightbox-container').html(data.html);
  1158.                  video_story = $('#video_story').attr('data-story-video');
  1159.                if ($('[data-story-video='+video_story+']').length == 0) {
  1160.                    $('.width_').addClass('load');
  1161.                    setTimeout(function(){
  1162.                        $('.width_').css('width', '100%');
  1163.                  }, 200);
  1164.                    Wo_Delay(function(){
  1165.                      value = $('.user_story_').attr('id');
  1166.                        if ($('.dont_close_story_'+value).length == 0) {
  1167.                          if (story_type == 'user') {
  1168.                            if ($('.lightpost-'+data.story_id).length > 0) {
  1169.                              Get_NextStory(data.story_id);
  1170.                            }
  1171.                      }
  1172.                      else{
  1173.                        if ($('.lightpost-'+data.story_id).length > 0) {
  1174.                          Get_NextStory(data.story_id,'friends');
  1175.                        }
  1176.                      }
  1177.                        }
  1178.                  }, 10000);
  1179.                }
  1180.              }
  1181.              else{
  1182.                if (story_type == 'user') {
  1183.                  if($('.unseen_story').length > 0){
  1184.                    $('.unseen_story').addClass('seen_story');
  1185.                    $('.unseen_story').removeClass('unseen_story');
  1186.  
  1187.                  }
  1188.                }
  1189.                Wo_CloseLightbox();
  1190.              }
  1191.            });
  1192.          }
  1193.      }
  1194.    </script>
  1195.      <!-- // NEW STORY -->
  1196.          
  1197.    <div class="modal fade sun_modal" id="apply-job-modal" role="dialog">
  1198.    </div>
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204.  
  1205.   </body>
  1206. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda