<!DOCTYPE html><html> <head> <title>Ghame Social - Connect with Other Mechanical Engineers like you</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta name="title" content="Ghame Social - Connect with Other Mechanical Engineers like you"> <meta name="description" content="Connect with like-minded Mechanical Engineers"> <meta name="keywords" content="social, business, social site"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="pinterest-rich-pin" content="false" /> <meta name="theme-color" content="#3D8CFA" /> <meta property="og:title" content="Ghame Social - Connect with Other Mechanical Engineers like you" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://social.ghame.org" /> <meta property="og:image" content="https://social.ghame.org/themes/sunshine/img/og.jpg" /> <meta property="og:image:secure_url" content="https://social.ghame.org/themes/sunshine/img/og.jpg" /> <meta property="og:description" content="Connect with like-minded Mechanical Engineers" /> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Ghame Social - Connect with Other Mechanical Engineers like you" /> <meta name="twitter:description" content="Connect with like-minded Mechanical Engineers" /> <meta name="twitter:image" content="https://social.ghame.org/themes/sunshine/img/og.jpg" /> <link rel="shortcut icon" type="image/png" href="https://social.ghame.org/themes/sunshine/img/icon.png"/> <link rel="stylesheet" href="https://social.ghame.org/themes/sunshine/stylesheet/general-style-plugins.css?version=3.1.1"> <link rel="stylesheet" href="https://social.ghame.org/themes/sunshine/stylesheet/welcome.css?version=3.1.1"> <link rel="stylesheet" href="https://social.ghame.org/themes/sunshine/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=3.1.1"> <script src="https://social.ghame.org/themes/sunshine/javascript/jquery-3.1.1.min.js?version=3.1.1"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-ui-touch-punch@0.2.3/jquery.ui.touch-punch.min.js?version=3.1.1"></script> <link rel="canonical" href="https://social.ghame.org/welcome" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css?version=3.1.1"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js?version=3.1.1"></script> <link rel="stylesheet" href="https://social.ghame.org/themes/sunshine/player/fluidplayer.min.css?version=3.1.1" type="text/css"/> <script src="https://social.ghame.org/themes/sunshine/player/fluidplayer.min.js?version=3.1.1"></script> <style> /* Add here your custom css styles Example: p { text-align: center; color: red; } */ </style> <script type="text/javascript"> /* Add here your JavaScript Code. Note. the code entered here will be added in <head> tag Example: var x, y, z; x = 5; y = 6; z = x + y; */ function Wo_Ajax_Requests_File(){ return "https://social.ghame.org/requests.php" } function RunLiveAgora(channelName,DIV_ID) { var agoraAppId = ''; var token = null; var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'}); client.init(agoraAppId, function () { client.setClientRole('audience', function() { }, function(e) { }); client.join(token, channelName, 0, function(uid) { }, function(err) { }); }, function (err) { }); client.on('stream-added', function (evt) { var stream = evt.stream; var streamId = stream.getId(); client.subscribe(stream, function (err) { }); }); client.on('stream-subscribed', function (evt) { var remoteStream = evt.stream; remoteStream.play(DIV_ID); $('#player_'+remoteStream.getId()).addClass('embed-responsive-item'); });} </script> <style>@font-face { font-family: OpenSansLight; src: url("https://social.ghame.org/themes/sunshine/fonts/OpenSansLight/OpenSansLight.woff") format("woff"); font-weight: normal;}@font-face { font-family: OpenSansRegular; src: url("https://social.ghame.org/themes/sunshine/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"); font-weight: normal;}@font-face { font-family: OpenSansSemiBold; src: url("https://social.ghame.org/themes/sunshine/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"); font-weight: normal;}@font-face { font-family: OpenSansBold; src: url("https://social.ghame.org/themes/sunshine/fonts/OpenSansBold/OpenSansBold.woff") format("woff"); font-weight: normal;}.navbar-default { background: #4d91ea; border: none; height:45px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}.navbar-nav.left_part_header .search-container { background: #4d91ea;}.round-check input[type="checkbox"]:checked + label:before { background: #4d91ea !important;}.group-messages-wrapper a{ color: #4d91ea !important;}ul.profile-completion-bar li.completion-bar div.completion-bar-status { background: #4d91ea !important;}.featured-users{ background: #fff !important;}.result-bar { background: #4d91ea !important;}.avtive { border-color: #4d91ea !important;}.left-sidebar ul li a i { color: #4d91ea !important;}.cs-loader-inner, .main { color: #4d91ea;}.login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper { border-color: #4d91ea !important;}.login:not(.loading) button:hover { background: #2e7be5 !important; color: #ffffff;} #search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{ border-color: #4d91ea;}#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{ background: #4d91ea;}.login button, .wo_search_page .nav-tabs li.active a { background: #4d91ea !important; color: #ffffff !important;} .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 { background-color: #4d91ea !important; background: #4d91ea !important; background-image: #4d91ea !important;}.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #ffffff !important; background-color: #2e7be5 !important;}.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover { color: #ffffff !important; background-color: #333333 !important;}body { background-color: #f9f9f9;}.navbar-default .navbar-nav>li>a { color: #ffffff; font-size: 13px;}a.unread-update, .head_clos_srch { color: #ffffff !important;}.btn-main { color: #ffffff; background-color: #4d91ea; border-color: #4d91ea;}.btn-main:hover { color: #ffffff; background-color: #2e7be5; border-color: #2e7be5;}.active-wonder { color: #4d91ea;}.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 { color: #444; background-color: #fcfcfc; border-bottom: 1px solid #f1f1f1; padding: 18px;}.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 { color: #444 !important;}.list-group-item.black-list.active-list, .red-list.active-list { color: #ffffff; background-color: #4d91ea;}.list-group-item.black-list { background: #4d91ea;}.profile-top-line { background-color: #4d91ea;}#bar { background-color: #4d91ea;}.list-group-item.black-list a{ color: #ffffff;}.list-group-item.black-list.active-list a{ color: #4d91ea;}.main-color, .small-text a { color: #4d91ea !important;}.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #ffffff; cursor: default; color: #4d91ea; border-bottom: 1px solid #4d91ea; background-color: transparent}.btn-active { color: #ffffff; background: #4d91ea; outline: none; border: 1px solid #4d91ea}.btn-active:hover, .btn-active:focus { border: 1px solid #2e7be5; color: #ffffff; background: #2e7be5;}.btn-active-color:hover { background: #2e7be5;}.chat-tab .online-toggle { background: #4d91ea;}.profile-style .user-follow-button button.btn-active, .btn-login, .btn-register { background: #4d91ea; color: #ffffff;}.profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus { color: #ffffff; background: #2e7be5;}.panel-login>.panel-heading a.active { color: #4d91ea; font-size: 18px;}.hash { color: #4d91ea;}.message-text .hash { color: #fff !important;}.search-container .search-input { color: #fff!important; background: #0147a9 !important;}.chat-messages-wrapper .outgoing { background: #4d91ea;}.message p { color: #fff;}.text-sender-container .outgoing .message-model .message { background: #4d91ea;} .incoming .message. p { color: #555;}.incoming.message p { color: #555;}.incoming .message p { color: #555;}.normal-container { width: 100%; height: 100%; margin-top: 15px;}.active.fa-thumbs-up { color: #4d91ea;}.api-ex-urls { background-color: #4d91ea; color: #ffffff;}.user-username { color: #4d91ea;}.upload-image { border: 3px dashed #4d91ea;}.events-tab-list li { background-color: #4d91ea; }.events-tab-list li:hover { background-color: #4d91ea; }.active-e-tab { background-color: #4d91ea !important; }.main { color: #4d91ea !important; }.events-list-dropup-menu ul li a:hover { background: #4d91ea; }.usr-offline { color: #4d91ea; }.blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #4d91ea !important; }.blog_publ {background: #4d91ea ; border: 1px solid #4d91ea ; } .slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{ color: #4d91ea !important;}.movies h3.latest-movies, h3.recommended-movies { border-left: 3px solid #4d91ea;} .wo_user_profile .user-bottom-nav li .menuactive { border-bottom: 2px solid #4d91ea; color:#4d91ea;} .post .panel.active_shadow { box-shadow: 0 0 0 1.5px #4d91ea !important;} .ui-widget-header .ui-state-default { background-color: #4d91ea;} .reaction-1::before { content: "Like";}.reaction-2::before { content: "Love";}.reaction-3::before { content: "HaHa";}.reaction-4::before { content: "WoW";}.reaction-5::before { content: "Sad";}.reaction-6::before { content: "Angry";}/*.reaction-like::before { content: "Like";}.reaction-love::before { content: "Love";}.reaction-haha::before { content: "HaHa";}.reaction-wow::before { content: "WoW";}.reaction-sad::before { content: "Sad";}.reaction-angry::before { content: "Angry";}*/ .navbar-default .dropdown-menu.ani-acc-menu >li>a:hover { color: #ffffff;background-color: #4d91ea;} @media (min-width: 992px){#wo_msg_right_prt .text-sender-container .outgoing .message-model .message p { color: #ffffff;background-color: #4d91ea;} #wo_nw_msg_page .messages-recipients-list .msg_ava_name { color: #ffffff !important;}#wo_nw_msg_page .messages-recipients-list.active .msg_ava_name { color: #333 !important;}} .sun_input input:focus, .sun_input textarea:focus, .sun_input select:focus{border-color:#4d91ea}.loading::before {background-color: #4d91ea;} </style> <style>.wo_regi_features:before{content: '';display: block;background-image: url(https://social.ghame.org/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;} </style> <meta name="google-signin-scope" content="profile email"> <meta name="google-signin-client_id" content=""> <script src="https://apis.google.com/js/platform.js" async defer></script> <script crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <script src="https://social.ghame.org/themes/sunshine/javascript/socket.io.js"></script> <script> let socket = null let groupChatListener = {} $(()=>{ var main_hash_id = $('.main_session').val(); socket = io("https://social.ghame.org:449/?hash=" + main_hash_id) let recipient_ids = [] let recipient_group_ids = [] setTimeout(function(){ var inputs = $("input.chat-user-id"); $(".chat-wrapper").each(function(){ let id = $(this).attr("class").substr("chat-wrapper".length); let isGroup = $(this).attr("class").substr("chat-wrapper".length).split("_").includes("group") if(isGroup) { id = id.substr(' chat_group_'.length) recipient_group_ids.push(id) } else{ id = id.substr(' chat_'.length) recipient_ids.push(id) } }); socket.emit('join', {username: "", user_id: _getCookie('user_id'), recipient_ids, recipient_group_ids }, ()=>{ // setInterval(() => { // socket.emit("get_user_status", {user_id: _getCookie("user_id")}) // }, 2000); setInterval(() => { socket.emit("ping_for_lastseen", {user_id: _getCookie("user_id")}) }, 1000); }); }, 3000); socket.on("reconnect", ()=>{ let recipient_ids = [] let recipient_group_ids = [] setTimeout(function(){ var inputs = $("input.chat-user-id"); $(".chat-wrapper").each(function(){ let id = $(this).attr("class").substr("chat-wrapper".length); let isGroup = $(this).attr("class").substr("chat-wrapper".length).split("_").includes("group") if(isGroup) { id = id.substr(' chat_group_'.length) recipient_group_ids.push(id) } else{ id = id.substr(' chat_'.length) recipient_ids.push(id) } }); socket.emit('join', {username: "", user_id: _getCookie('user_id'), recipient_ids, recipient_group_ids }, ()=>{ // setInterval(() => { // socket.emit("get_user_status", {user_id: _getCookie("user_id")}) // }, 2000); setInterval(() => { socket.emit("ping_for_lastseen", {user_id: _getCookie("user_id")}) }, 1000); }); }, 3000); }) socket.on("color-change", (data)=>{ if (data.sender == ) { $(".chat_" + data.id).find('.outgoing .message-text, .outgoing .message-media').css('background', data.color); $(".chat_" + data.id).find('.outgoing .message-text').css('color', '#fff'); for (let i of $(".chat_"+data.id).find('.outgoing')){ $(i).css('background', data.color) $(i).find('.message-text').css('background', data.color) } $(".chat_" + data.id).find('.select-color path').css('fill', data.color); $(".chat_" + data.id).find('#color').val(data.color); $(".chat_" + data.id).find(".online-toggle").css("background", data.color) } let user_id = $('#user-id').val(); if(""+user_id === ""+data.id) { if(data.sender == ){ $('.send-button').css('background-color', data.color); $('.send-button').css('border-color', data.color); $('#wo_msg_right_prt .message-option-btns .btn svg').css('color', data.color); $(".messages-container").find(".pull-right").find(".message").css('background-color', data.color); $(".messages-container").find(".pull-right").find(".message-text").css('background-color', data.color) } } }) socket.on("private_message", (data)=>{ var chat_container = $('.chat-tab').find('.chat_main_' + data.id); if (chat_container.length > 0) { chat_container.find('.chat-messages-wrapper').find("div[class*='message-seen']").empty(); chat_container.find('.chat-messages-wrapper').find("div[class*='message-typing']").empty(); chat_container.find('.chat-messages-wrapper').append(data.messages_html); setTimeout(function(){ chat_container.find('.chat-messages-wrapper').scrollTop(chat_container.find('.chat-messages-wrapper')[0].scrollHeight); }, 100); if (data.sender == ) { $(".chat_" + data.id).find('.outgoing .message-text, .outgoing .message-media').css('background', data.color); $(".chat_" + data.id).find('.outgoing .message-text').css('color', '#fff'); $(".chat_" + data.id).find('.select-color path').css('fill', data.color); $(".chat_" + data.id).find('#color').val(data.color); $(".text-sender-container .red-list").css('background', data.color); $(".text-sender-container .btn-file").css('background', data.color); $(".text-sender-container .btn-file").css('border-color', data.color); } } if(data.sender != ){ document.getElementById('message-sound').play(); } if (!$('#sendMessage').is(':focus') && chat_container.length == 0) { new_current_messages = new_current_messages + 1; current_messages_number = Number($("[data_messsages_count]").attr('data_messsages_count')) + 1; $("[data_messsages_count]").text(current_messages_number); $("[data_messsages_count]").attr('data_messsages_count', current_messages_number); document.title = 'New Message | ' + document_title; } }) socket.on("group_message", (data)=>{ var chat_messages_wrapper = $('.group-messages-wrapper-'+data.id); if (data.status == 200) { if ($(".group-messages-wrapper-"+data.id).find('.no_message').length > 0) { $(".group-messages-wrapper-"+data.id).find('.chat-messages').html(data.html); }else{ $(".group-messages-wrapper-"+data.id).find('.chat-messages').append(data.html); } chat_messages_wrapper.scrollTop(chat_messages_wrapper[0].scrollHeight); } }) }); </script> </head> <body > <div id="focus-overlay"></div> <input type="hidden" class="main_session" value="375fec3906c06096237c"> <div class="content-container welcome-container" style=""> <div class="ad-placement-header-footer"> </div> <div id="contnet"><div id="welcomeheader"> <div class="container"> <div class="logo pull-left"> <a href="https://social.ghame.org"><img src="https://social.ghame.org/themes/sunshine/img/logo-alt.jpg" alt="Logo"> </a> </div> <ul class="nav navbar-nav navbar-right pull-right"> <li class="lang_selct dropdown"> <a href="#" class="dropdown-toggle mdbtn main" data-toggle="dropdown" role="button" aria-expanded="false"> <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> <ul class="dropdown-menu dropdown-menu-right sun_lang_select_menu"> <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li> <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li> <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li> <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li> <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li> <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li> <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li> <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li> <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li> <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li> </ul> </li> </ul> </div></div><div class="wrapper"> <div class="container"> <div class="row login"> <div class="col-md-7"> <div class="sun_welcome_img"> <img src="https://social.ghame.org/themes/sunshine/img/backgrounds/group-chat.svg" alt="Welcome!" /> </div> </div> <div class="col-md-5"> <div class="sun_welcome_heading"> <h1>Welcome! :)</h1> <p>Share what's new and life moments with your friends.</p> </div> <form id="login" method="post"> <div class="errors"></div> <div class="loading_cont"> <div class="loading hidden"></div> </div> <div class="sun_input_holder"> <div class="sun_input"> <input name="username" id="username" type="text" placeholder="Username" autofocus /> <label for="username">Username</label> <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> </div> <div class="sun_input"> <input name="password" id="password" type="password" placeholder="Password" /> <label for="password">Password</label> <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> </div> </div> <div class="forgot_password"> <a href="https://social.ghame.org/forgot-password">Forgot Password?</a> </div> <div class="login_signup_combo"> <div class="login__"> <button type="submit" class="btn btn-main">Login</button> </div> <div class="signup__"> <a class="dec btn btn-default" href="https://social.ghame.org/register">Register</a> </div> </div> </form> <div class="social_btns"> <p>Login with Social Links</p> <a href="https://social.ghame.org/login-with.php?provider=Facebook" class="btn btn-facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z"></path></svg></a> <!-- <a href="https://social.ghame.org/login-with.php?provider=Google" class="btn btn-google"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z"></path></svg></a> --> <a href="https://social.ghame.org/login-with.php?provider=Twitter" class="btn btn-twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"></path></svg></a> <a href="https://social.ghame.org/login-with.php?provider=LinkedIn" class="btn btn-linkedin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 3,5A2,2 0 0,1 5,3Z"></path></svg></a> <a href="https://social.ghame.org/login-with.php?provider=Instagram" class="btn btn-instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z"></path></svg></a> </div> <br> <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div> </div> </div> </div></div> <div class="container"><div class="welcome-footer pull-left"> <a data-ajax="?link1=terms&type=terms" href="https://social.ghame.org/terms/terms">Terms of Use</a> <a data-ajax="?link1=terms&type=privacy-policy" href="https://social.ghame.org/terms/privacy-policy">Privacy Policy</a> <a data-ajax="?link1=contact-us" href="https://social.ghame.org/contact-us">Contact Us</a> <a data-ajax="?link1=terms&type=about-us" href="https://social.ghame.org/terms/about-us">About</a> <a href="https://social.ghame.org/blogs">Blog</a> </div><div class="welcome-footer-right pull-right"> © 2025 Ghame Social</div></div> <script>var working = false;var $this = $('#login');var $state = $this.find('.errors');function signOut() { var auth2 = gapi.auth2.getAuthInstance(); auth2.signOut().then(function () { console.log('User signed out.'); });} function onSignIn(googleUser) { // The ID token you need to pass to your backend: var id_token = googleUser.getAuthResponse().id_token; $.post(Wo_Ajax_Requests_File() + '?f=google_login', {id_token: id_token}, function(data, textStatus, xhr) { if (data.status == 200) { signOut(); $state.addClass('success'); $state.html('Welcome back!'); $this.find('.loading').addClass('hidden'); setTimeout(function () { window.location.href = data.location; }, 1000); } else{ $this.find('button').attr("disabled", false); $this.find('.loading').addClass('hidden'); $state.html(data.message); } });}$(function() { $('#login').ajaxForm({ url: Wo_Ajax_Requests_File() + '?f=login', beforeSend: function() { working = true; $this.find('button').attr("disabled", true); $this.find('.loading').removeClass('hidden'); }, success: function(data) { if (data.status == 200 || data.status == 600) { $state.addClass('success'); $state.html('Welcome back!'); $this.find('.loading').addClass('hidden'); setTimeout(function () { window.location.href = data.location; }, 1000); } else { var errors = data.errors.join("<br>"); $this.find('button').attr("disabled", false); $this.find('.loading').addClass('hidden'); $state.html(errors); } working = false; } });});</script></div> <footer> </footer> <div class="second-footer" style="display: none; "> <div class="page-margin"> <div class="footer-wrapper long_foooter"> <hr> <div class="footer-powered pull-left"> <p> © 2025 Ghame Social </p> </div> <div class="lang_selct dropup pull-right"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <svg fill="#7a7a7a" 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;"><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> <ul class="dropdown-menu sun_lang_select_menu"> <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li> <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li> <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li> <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li> <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li> <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li> <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li> <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li> <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li> <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li> </ul> </div> <div class="clear"></div> <ul class="list-inline text-center"> <li><a href="https://social.ghame.org">Home</a></li> <li><a href="https://social.ghame.org/terms/about-us">About</a></li> <li><a href="https://social.ghame.org/contact-us">Contact Us</a></li> <li><a href="https://social.ghame.org/terms/privacy-policy">Privacy Policy</a></li> <li><a href="https://social.ghame.org/terms/terms">Terms of Use</a></li> <li><a href="https://social.ghame.org/blogs">Blog</a></li> <li><a data-ajax="?link1=developers" href="https://social.ghame.org/developers">Developers</a></li> </ul> </div></div> </div> <div class="extra"> </div> </div> <!-- Load modal alerts --> <div class="modal fade in" id="comment_report_box" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;"> <i class="fa fa-check" aria-hidden="true" style="color: green;"></i> <span class="msg">Comment reported successfully.</span> </p> </div> </div></div> <div class="modal fade in" id="post-shared" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;"> <i class="fa fa-check" aria-hidden="true" style="color: green;"></i> Post was successfully added to your timeline! </p> </div> </div></div><div class="modal fade in" id="modal-alert" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;"> <i class="fa fa-info-circle" aria-hidden="true" style="color: #31708f;"></i> <span id="modal-alert-msg"> You have reached your limit of 5000 friends! </span> </p> </div> </div></div><div class="modal fade in" id="invalid_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> File size error: The file exceeds allowed the limit (92 MB) and can not be uploaded. </p> </div> </div></div><div class="modal fade in" id="file_not_supported" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> Unable to upload a file: This file type is not supported. </p> </div> </div></div><div class="modal fade" id="modal_light_box" role="dialog"> <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> <div class="modal-dialog" > <div class="modal-content"> <div class="modal-body" style="padding: 0;"> <img class="image" style="width: 100%;" > </div> </div> </div></div><div class="modal fade in" id="adult_image_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> We have detected some adult content on the image you uploaded, therefore we have declined your upload process. </p> </div> </div></div> <div class="modal fade sun_modal" id="views-info-modal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <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> <h4 class="modal-title"><span id="views_info_title"></span></h4> </div> <div class="modal-body"> <div id="views_info" class="wo_react_ursrs_list"></div> <div class="clearfix"></div> <div id="views_info_load" style="display: none;"> <div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor"> <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> </button> </div> </div> </div> </div> </div></div> <div class="modal fade sun_modal" id="users-reacted-modal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <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> <h4 class="modal-title"> <div class="who_react_modal"> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/like-sm.png"></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/love-sm.png"></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/haha-sm.png"></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/wow-sm.png"></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/sad-sm.png"></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/angry-sm.png"></div> </span> <!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/like-sm.png"></div> </span> <span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/love-sm.png"></div> </span> <span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/haha-sm.png"></div> </span> <span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/wow-sm.png"></div> </span> <span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/sad-sm.png"></div> </span> <span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');"> <div class="inline_post_emoji inline_act_emoji"><img src="https://social.ghame.org/themes/sunshine/reaction/angry-sm.png"></div> </span> --> </div> </h4> </div> <div class="modal-body"> <div id="reacted_users_box" class="wo_react_ursrs_list"></div> <div class="clearfix"></div> <div id="reacted_users_load" style="display: none;"> <div class="load-more wo_react_ursrs_list_lod_mor"> <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> </button> </div> </div> </div> </div> </div></div> <div class="modal fade in" id="approve_post" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> Your post was submitted, we will review your content soon. </p> </div> </div></div><div class="modal fade in" id="pro_upload_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> To upload images, videos, and audio files, you have to upgrade to pro member. <a href="https://social.ghame.org/go-pro">Upgrade To Pro</a> </p> </div> </div></div> <div class="modal fade in" id="error_post" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;" id="error_post_text"> </p> </div> </div></div> <div class="modal fade sun_modal" id="edit-offer-modal" role="dialog"><div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <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> <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> </div> <div class="modal-body"> <div class="wo_settings_page"> <form class="edit-offer-form form-horizontal" method="post"> <div class="app-offer-alert app-general-alert"></div> <div class="clear"></div> <div class="setting-panel row job-setting-panel edit_offer_modal_form"> </div> <div class="publisher-hidden-option"> <div id="progress" class="create-offer-progress"> <span id="percent" class="create-product-percent pull-right">0%</span> <div class="progress"> <div id="bar" class="progress-bar active create-product-bar"></div> </div> <div class="clear"></div> </div> </div> <div class="form-group last-sett-btn modal-footer"> <div class="ball-pulse"><div></div><div></div><div></div></div> <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button> </div> </form> </div> </div> </div></div></div> <!-- JS FILES --> <script type="text/javascript" src="https://social.ghame.org/themes/sunshine/javascript/welcome.js?version=3.1.1"></script> <script type="text/javascript"> const node_socket_flow = "1" </script> <script type="text/javascript" src="https://social.ghame.org/themes/sunshine/javascript/script.js?version=3.1.1"></script> <div class="extra-css"></div> <!-- End 'JS FILES' --> <script type="text/javascript"> (function (factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], factory); } else { // Browser globals factory(jQuery); }}(function ($) { $.timeago = function(timestamp) { if (timestamp instanceof Date) { return inWords(timestamp); } else if (typeof timestamp === "string") { return inWords($.timeago.parse(timestamp)); } else if (typeof timestamp === "number") { return inWords(new Date(timestamp)); } else { return inWords($.timeago.datetime(timestamp)); } }; var $t = $.timeago; $.extend($.timeago, { settings: { refreshMillis: 60000, allowPast: true, allowFuture: false, localeTitle: false, cutoff: 0, strings: { prefixAgo: null, prefixFromNow: null, suffixAgo: "ago", suffixFromNow: "from now", inPast: "any moment now", seconds: "now", minute: "minute", minutes: "minutes", hour: "hour", hours: "hours", day: "day", days: "days", month: "month", months: "months", year: "year", years: "years", wordSeparator: " ", numbers: [] } }, inWords: function(distanceMillis) { if(!this.settings.allowPast && ! this.settings.allowFuture) { throw 'timeago allowPast and allowFuture settings can not both be set to false.'; } var $l = this.settings.strings; var prefix = $l.prefixAgo; var suffix = $l.suffixAgo; if (this.settings.allowFuture) { if (distanceMillis < 0) { prefix = $l.prefixFromNow; suffix = $l.suffixFromNow; } } if(!this.settings.allowPast && distanceMillis >= 0) { return this.settings.strings.inPast; } var seconds = Math.abs(distanceMillis) / 1000; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var weeks = days / 7; var years = days / 365; function substitute(stringOrFunction, number) { var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction; var value = ($l.numbers && $l.numbers[number]) || number; return number+' '+string.replace(/%d/i, value); //return string.replace(/%d/i, value); } // var words = seconds < 45 && substitute($l.seconds, '') || // seconds < 90 && substitute($l.minute, 1) || // minutes < 45 && substitute($l.minutes, Math.round(minutes)) || // minutes < 90 && substitute($l.hour, 1) || // hours < 24 && substitute($l.hours, Math.round(hours)) || // hours < 42 && substitute($l.day, 1) || // days < 30 && substitute($l.days, Math.round(days)) || // days < 45 && substitute($l.month, 1) || // days < 365 && substitute($l.months, Math.round(days / 30)) || // years < 1.5 && substitute($l.year, 1) || // substitute($l.years, Math.round(years)); var words = ''; if (seconds < 45) { words = substitute($l.seconds, ''); } else if (seconds < 90) { words = substitute('m', 1); } else if (minutes < 45) { words = substitute('m', Math.round(minutes)); } else if (minutes < 90) { words = substitute('h', 1); } else if (hours < 24) { words = substitute('hrs', Math.round(hours)); } else if (hours < 42) { words = substitute('d', 1); } else if (days < 7) { words = substitute('d', Math.round(days)); } else if (weeks < 2) { words = substitute('w', 1); } else if (weeks < 52) { words = substitute('w', Math.round(weeks)); } else if (years < 1.5) { words = substitute('y', 1); } else { words = substitute('yrs', Math.round(years)); } var separator = $l.wordSeparator || ""; if ($l.wordSeparator === undefined) { separator = " "; } return $.trim([prefix, words].join(separator)); }, parse: function(iso8601) { var s = $.trim(iso8601); s = s.replace(/\.\d+/,""); // remove milliseconds s = s.replace(/-/,"/").replace(/-/,"/"); s = s.replace(/T/," ").replace(/Z/," UTC"); s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400 s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900 return new Date(s); }, datetime: function(elem) { var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title"); return $t.parse(iso8601); }, isTime: function(elem) { // jQuery's `is()` doesn't play well with HTML5 in IE return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time"); } }); // functions that can be called via $(el).timeago('action') // init is default when no action is given // functions are called with context of a single element var functions = { init: function(){ var refresh_el = $.proxy(refresh, this); refresh_el(); var $s = $t.settings; if ($s.refreshMillis > 0) { this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis); } }, update: function(time){ var parsedTime = $t.parse(time); $(this).data('timeago', { datetime: parsedTime }); if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString()); refresh.apply(this); }, updateFromDOM: function(){ $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) }); refresh.apply(this); }, dispose: function () { if (this._timeagoInterval) { window.clearInterval(this._timeagoInterval); this._timeagoInterval = null; } } }; $.fn.timeago = function(action, options) { var fn = action ? functions[action] : functions.init; if(!fn){ throw new Error("Unknown function name '"+ action +"' for timeago"); } // each over objects here and call the requested function this.each(function(){ fn.call(this, options); }); return this; }; function refresh() { var data = prepareData(this); var $s = $t.settings; if (!isNaN(data.datetime)) { if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) { $(this).text(inWords(data.datetime)); } } return this; } function prepareData(element) { element = $(element); if (!element.data("timeago")) { element.data("timeago", { datetime: $t.datetime(element) }); var text = $.trim(element.text()); if ($t.settings.localeTitle) { element.attr("title", element.data('timeago').datetime.toLocaleString()); } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) { element.attr("title", text); } } return element.data("timeago"); } function inWords(date) { return $t.inWords(distance(date)); } function distance(date) { return (new Date().getTime() - date.getTime()); } // fix for IE6 suckage document.createElement("abbr"); document.createElement("time");})); $(function () { setInterval(function () { if ( $('.ajax-time').length > 0) { $('.ajax-time').timeago() .removeClass('.ajax-time'); } }, 1000);});</script> <!-- Audio FILES --> <!-- End 'Audio FILES' --> <script> $(window).on("popstate", function (e) { location.reload(); }); /*Language Select*/ $(document).ready(function(){ $(".sun_lang_select_menu li a.English").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/united-states.svg"/></span> '); $(".sun_lang_select_menu li a.Arabic").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/saudi-arabia.svg"/></span> '); $(".sun_lang_select_menu li a.Dutch").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/netherlands.svg"/></span> '); $(".sun_lang_select_menu li a.French").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/france.svg"/></span> '); $(".sun_lang_select_menu li a.German").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/germany.svg"/></span> '); $(".sun_lang_select_menu li a.Hungarian").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/hungary.svg"/></span> '); $(".sun_lang_select_menu li a.Italian").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/italy.svg"/></span> '); $(".sun_lang_select_menu li a.Portuguese").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/portugal.svg"/></span> '); $(".sun_lang_select_menu li a.Russian").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/russia.svg"/></span> '); $(".sun_lang_select_menu li a.Spanish").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/spain.svg"/></span> '); $(".sun_lang_select_menu li a.Serbian").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/serbia.svg"/></span> '); $(".sun_lang_select_menu li a.Turkish").append('<span class="language_initial"><img src="https://social.ghame.org/themes/sunshine/img/flags/turkey.svg"/></span> '); }); /* The code entered here will be added in <footer> tag */ </script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#3D8CFA", "text": "#fff" }, "button": { "background": "#9fc7ff" } }, "theme": "edgeless", "position": "bottom-left", "content": { "message": "This website uses cookies to ensure you get the best experience on our website.", "dismiss": "Got It!", "link": "Learn More", "href": "https://social.ghame.org/terms/privacy-policy" } })}); </script> <style>.cc-bottom{bottom: 2.5em;}</style> <!-- // NEW STORY --> <script type="text/javascript"> $(document).on('click', '.story-image-wrapper', function(event) { event.preventDefault(); $('#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>'); $value = $(this).parents(".story-container").attr('data-status-id'); $.post(Wo_Ajax_Requests_File() + '?f=story_view', {id: $value}, function(data, textStatus, xhr) { if (data.status == 200) { document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ if ($('.dont_close_story_'+$value).length == 0) { Get_NextStory(data.story_id); } }, 10000); } else{ Wo_CloseLightbox(); } }); }); function Wo_GetMoreStoryViews(story_id,self) { last_view = $('.story_views_').last().attr('id'); $(self).addClass('dont_close_story_'+story_id); $(self).find('button').html('Please wait..'); $.post(Wo_Ajax_Requests_File() + '?f=story_views_', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) { if (data.status == 200) { $(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'); $('.views_container_').append(data.html); } else{ $(self).find('button').html('No more views'); } }); } $(document).on('click', '.see_all_stories', function(event) { event.preventDefault(); story_loader = $(this); story_loader.addClass('story_start_load'); $('#contnet').append('<div class="lightbox-container"></div>'); user_id = $(this).attr('data_story_user_id'); type = $(this).attr('data_story_type'); $.post(Wo_Ajax_Requests_File() + '?f=view_all_stories', {user_id: user_id,type:type}, function(data, textStatus, xhr) { document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); story_loader.removeClass('story_start_load'); setTimeout(function(){ video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (type == 'user') { Get_NextStory(data.story_id); } else{ Get_NextStory(data.story_id,'friends'); } } }, 10000); } }, 200); }); }); function Get_PreviousStory(story_id,story_type = '') { if ($('.lightbox-container').is(":visible")) { Wo_CloseLightbox(); $('#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>'); $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'previous',story_type:story_type}, function(data, textStatus, xhr) { if (data.status == 200) { document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (story_type == 'user') { if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id); } } else{ if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id,'friends'); } } } }, 10000); } } else{ Wo_CloseLightbox(); } }); } } function Get_NextStory(story_id,story_type = '') { if ($('.lightbox-container').is(":visible")) { Wo_CloseLightbox(); $('#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>'); $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'next',story_type:story_type}, function(data, textStatus, xhr) { if (data.status == 200) { document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (story_type == 'user') { if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id); } } else{ if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id,'friends'); } } } }, 10000); } } else{ if (story_type == 'user') { if($('.unseen_story').length > 0){ $('.unseen_story').addClass('seen_story'); $('.unseen_story').removeClass('unseen_story'); } } Wo_CloseLightbox(); } }); } } </script> <!-- // NEW STORY --> <div class="modal fade sun_modal" id="apply-job-modal" role="dialog"> </div> </body></html>
