1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>Search | UserInterface</title> 5 <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> 6 <meta name="title" content="Search | UserInterface"> 7 <meta name="description" content=""> 8 <meta name="keywords" content=""> 9 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 10 <meta name="pinterest-rich-pin" content="false" /> 11 <link rel="alternate" href="https://userinterface.us?lang=arabic" hreflang="ar" /><link rel="alternate" href="https://userinterface.us?lang=bengali" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=chinese" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=croatian" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=danish" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=dutch" hreflang="nl" /><link rel="alternate" href="https://userinterface.us?lang=english" hreflang="en" /><link rel="alternate" href="https://userinterface.us?lang=filipino" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=french" hreflang="fr" /><link rel="alternate" href="https://userinterface.us?lang=german" hreflang="de" /><link rel="alternate" href="https://userinterface.us?lang=hebrew" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=hindi" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=indonesian" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=italian" hreflang="it" /><link rel="alternate" href="https://userinterface.us?lang=japanese" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=korean" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=persian" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=portuguese" hreflang="pt" /><link rel="alternate" href="https://userinterface.us?lang=russian" hreflang="ru" /><link rel="alternate" href="https://userinterface.us?lang=spanish" hreflang="es" /><link rel="alternate" href="https://userinterface.us?lang=swedish" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=turkish" hreflang="tr" /><link rel="alternate" href="https://userinterface.us?lang=urdu" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=vietnamese" hreflang="" /> <link rel="canonical" href="https://userinterface.us/search" /> 12 <link rel="shortcut icon" type="image/png" href="https://userinterface.us/themes/sunshine/img/icon.png"/> 13 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/general-style-plugins.css?version=4.3.4"> 14 15 <style> 16 .opacity_start { 17 opacity: 0; 18 transition: all 0.5s; 19 } 20 .opacity_stop { 21 opacity: 1; 22 transition: all 0.5s; 23 } 24 </style> 25 26
26<script src="https://userinterface.us/themes/sunshine/javascript/twilio-video.min.js?version=4.3.4"></script>
26 27 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/style.css?version=4.3.4"> 28 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=4.3.4"> 29 30 <link rel="preconnect" href="https://fonts.googleapis.com"> 31 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 32 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Roboto:wght@400;500&family=Mulish:wght@700&family=Source+Sans+Pro&family=Montserrat:wght@500&family=Inter&family=Rubik:wght@500&display=swap" rel="stylesheet"> 33 34 35 36
36<script src="https://userinterface.us/themes/sunshine/javascript/jquery-3.1.1.min.js?version=4.3.4"></script>
36 37
37<script src="https://userinterface.us/themes/sunshine/javascript/jquery.ui.touch-punch.min.js?version=4.3.4"></script>
37 38 39 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/bootstrap-select.min.css?version=4.3.4"> 40
40<script src="https://userinterface.us/themes/sunshine/javascript/bootstrap-select.min.js?version=4.3.4"></script>
40 41 42 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/leaflet.css?version=4.3.4"> 43
43<script src="https://userinterface.us/themes/sunshine/javascript/leaflet.js?version=4.3.4"></script>
43 44 45 46 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/movies/style.movies.css?version=4.3.4" /> 47 48 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/player/fluidplayer.min.css?version=4.3.4" type="text/css"/> 49
49<script src="https://userinterface.us/themes/sunshine/player/fluidplayer.min.js?version=4.3.4"></script>
49 50 51 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/player/plyr.css?version=4.3.4" type="text/css"/> 52
52<script src="https://userinterface.us/themes/sunshine/player/plyr.js?version=4.3.4"></script>
52 53 54 <style> 55 /* 56 57Add here your custom css styles Example: p { text-align: center; color: red; } 58 59*/ </style> 60
60<script src="https://userinterface.us/themes/sunshine/javascript/html2pdf.bundle.js?version=4.3.4"></script>
60 61
61<script src="https://userinterface.us/themes/sunshine/javascript/qrcode.js?version=4.3.4"></script>
61 62 63 64
64<script type="text/javascript"> 65 /* 66Add here your JavaScript Code. 67Note. the code entered here will be added in <head> tag 68 69 70 Example: 71 72 var x, y, z; 73 x = 5; d asd asd asd 74 y = 6; 75 z = x + y; 76 77*/ function Wo_Ajax_Requests_File(){ 78 return "https://userinterface.us/requests.php" 79 } 80 function RunLiveAgora(channelName,DIV_ID,token) { 81 var agoraAppId = ''; 82 var token = token; 83 84 var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'}); 85 client.init(agoraAppId, function () { 86 87 88 client.setClientRole('audience', function() { 89 }, function(e) { 90 }); 91 let rand = Math.floor(Math.random() * 1000000); 92 93 client.join(token, channelName, rand, function(uid) { 94 }, function(err) { 95 }); 96 }, function (err) { 97 }); 98 99 client.on('stream-added', function (evt) { 100 var stream = evt.stream; 101 var streamId = stream.getId(); 102 103 client.subscribe(stream, function (err) { 104 }); 105 }); 106 client.on('stream-subscribed', function (evt) { 107 var remoteStream = evt.stream; 108 remoteStream.play(DIV_ID); 109 $('#player_'+remoteStream.getId()).addClass('embed-responsive-item'); 110 }); 111} 112 </script>
112 113 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 113-114
113 114<script async src="https://www.googletagmanager.com/gtag/js?id=
114G-L9KHN62M1W
vendor: 12 bytes, line 114
114"></script>
115<script> 116
vendor: 134 bytes, lines 116-120
116window.dataLayer = window.dataLayer || []; 117 function gtag(){dataLayer.push(arguments);} 118 gtag('js', new Date()); 119 120 gtag('config', '
120G-L9KHN62M1W
vendor: 4 bytes, line 120
120');
121</script>
121 122
123<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0975675460745073" 124 crossorigin="anonymous"></script>
124 125 <style> 126@font-face { 127 font-family: OpenSansLight; 128 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansLight/OpenSansLight.woff") format("woff"); 129 font-weight: normal; 130} 131@font-face { 132 font-family: OpenSansRegular; 133 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"); 134 font-weight: normal; 135} 136@font-face { 137 font-family: OpenSansSemiBold; 138 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"); 139 font-weight: normal; 140} 141@font-face { 142 font-family: OpenSansBold; 143 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansBold/OpenSansBold.woff") format("woff"); 144 font-weight: normal; 145} 146@font-face { 147 font-family: Gilroy-ExtraBold; 148 src: url("https://userinterface.us/themes/sunshine/fonts/Gilroy-ExtraBold.otf") format("opentype"); 149 font-weight: normal; 150} 151@font-face { 152 font-family: Vodafone Rg; 153 src: url("https://userinterface.us/themes/sunshine/fonts/vodafone.ttf") format("truetype"); 154 font-weight: normal; 155} 156@font-face { 157 font-family: Vodafone ExB; 158 src: url("https://userinterface.us/themes/sunshine/fonts/VodafoneExBd.ttf") format("truetype"); 159 font-weight: normal; 160} 161:root { 162 --plyr-color-main: #c64d53 ; 163 --main-color: #c64d53 ; 164} 165 166.icon_main { 167 stroke: #c64d53; 168} 169 170.wo_page_profile .options-buttons .btn.btn-success, .wo_page_profile .options-buttons .btn.btn-info, .wo_vew_apld_msg .btn { 171 color: #c64d53; 172} 173.wo_page_profile .options-buttons .btn.btn-success:hover, .wo_page_profile .options-buttons .btn.btn-info:hover, .wo_vew_apld_msg .btn:hover, .right_user_info .flex_stats li .badge { 174 background: #c64d53; 175 color: #ffffff; 176} 177 178#wo_sidebar_users .btn-default.wo_follow_btn .icon_main { 179 stroke: #c64d53 !important; 180} 181.icon_main_fill { 182 fill: #c64d53; 183} 184.wo_follow_btn { 185 background: #c64d53 !important; 186} 187 188.user-status-home ul.status-list li.create_new .avatar:before { 189 background: linear-gradient(135.87deg, #c64d53 1.25%, #3F4354 51.73%, rgba(198, 77, 83, 0.17) 77.22%); 190} 191.go_pro_table_background .plan_foot .btn { 192 color: #c64d53; 193} 194.select_radio_btn .sr_btn_lab_innr:hover, .select_radio_btn label > input:checked ~ .sr_btn_lab_innr { 195 box-shadow: 0px 0px 0px 2px #c64d53 !important; 196} 197.select_radio_btn label > input:checked ~ .sr_btn_lab_innr > span { 198 color: #c64d53 !important; 199} 200 201@media (min-width: 992px) { 202::-webkit-scrollbar-thumb { 203 background: #c64d53; 204} 205} 206 207.wo_prof_des_toggle .round-check input:checked+label { 208 border-color: #c64d53; 209} 210.wo_prof_des_toggle .round-check input:checked+label span { 211 color: #c64d53; 212 background: transparent; 213} 214 215.chat-messages-wrapper .message.wo_msg_prod_prnt .product-price, .message-contnaier .wo_msg_prod_prnt .product-price { 216 color: #c64d53; 217} 218 219.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { 220 background: #c64d53; 221 color: #ffffff; 222} 223 224.wow_htag a svg { 225 color: #c64d53 !important; 226} 227.wo_follow_btn:hover { 228 background: #dd6a70 !important; 229} 230.wo_following_btn { 231 background: #c64d53 !important; 232} 233.wo_following_btn:hover { 234 background: #dd6a70 !important; 235} 236#progress .progress, #percent, .load-more .btn, .wow_price_plan .plan_body p svg { 237 color: #c64d53; 238} 239.fund_raise_bar .progress .progress-bar, .fundings_footer .progress .progress-bar { 240 background: #c64d53; 241} 242.go_pro_table_background, .go_pro_table_background .main, .go_pro_table_background .plan_body p svg, .messages-recipients-list.active .messages-user-name, .messages-recipients-list.active .msg_rght_prt > .user_nname, .messages-recipients-list.active .messages-last-sent { 243 color: #ffffff !important; 244} 245.go_pro_table_background:before { 246 background-color: #c64d53; 247} 248 249.friends_nearby_status_ul li.active, #search-nearby-users .nearby-users-gender-collapse ul li.active, .wow_srch_innr_filtr .round_check input:checked+label { 250 color: #ffffff; 251 background-color: #c64d53; 252} 253 254input.cusrange[type=range]::-webkit-slider-thumb { 255 background-color: #c64d53; 256 box-shadow: none; 257} 258 259 260 261.navbar-default { 262 background: #fff; border: none; 263 height: 70px;box-shadow: 0 1px 6px rgb(0 0 0 / 5%); 264} 265
266.round-check input[type="checkbox"]:checked + label:before, .round-check input[type="radio"]:checked + label:before { 267 background: #c64d53 !important; 268} 269.group-messages-wrapper a{ 270 color: #c64d53 !important; 271} 272ul.profile-completion-bar li.completion-bar div.completion-bar-status { 273 background: #c64d53 !important; 274} 275.wow_big_head_link ul li.active a, #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a, .messages-recipients-list.active { 276 background: #c64d53; 277 color: #ffffff; 278} 279.wo_chat_tabs li.active a { 280 background: #c64d53 !important; 281 color: #ffffff !important; 282} 283.result-bar { 284 background: #c64d53 !important; 285} 286.featured-users { 287 background: #c64d53; 288 color: #ffffff; 289} 290.featured-users .sidebar-title-back, .featured-users .pro-me-here, .wo_pro_users li .user span { 291 color: #ffffff !important; 292} 293 294.lang_select_modal .language_info { 295 background: #c64d53} 296.lang_select_modal .language_info h3 { 297 color: #ffffff; 298} 299 300 301 302.avtive { 303 border-color: #c64d53 !important; 304} 305 306.new-update-alert { 307 background: #dd6a70; 308 color: #ffffff; 309} 310 311#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr { 312 background: #c64d53; 313 color: #ffffff; 314} 315#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn { 316 color: #ffffff; 317} 318#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover { 319 background: #dd6a70; 320} 321 322.green-audio-player svg path { 323 fill: #c64d53; 324} 325.green-audio-player .slider .gap-progress, .green-audio-player .slider .gap-progress .pin { 326 background-color: #c64d53 !important; 327} 328 329.add_as_cont_list label input:checked+div { 330 background-color: #c64d53; 331 color: #ffffff; 332} 333 334.barloading { 335 background-color: rgb(165 39 41 / 6%) !important; 336} 337.barloading:before { 338 background-color: #c64d53; 339} 340.left-sidebar ul li a i { 341 color: #c64d53 !important; 342} 343.cs-loader-inner, .main { 344 color: #c64d53; 345} 346.login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper, .edit_grp_info_modal input.form-control:not(textarea):focus, .verfy_sett_email_phone input.form-control:not(textarea):focus { 347 border-color: #c64d53 !important; 348} 349.login:not(.loading) button:hover { 350 background: #dd6a70 !important; 351 color: #ffffff; 352} 353.wo_setting_sidebar ul .list-group-item{ 354 background: #c64d53 !important; 355} 356.wo_setting_sidebar ul .list-group-item a{ 357 color: #ffffff; 358} 359.wo_settings_page .setting-panel input[type=text]:focus, .wo_settings_page .setting-panel input[type=email]:focus, .wo_settings_page .setting-panel input[type=password]:focus, .wo_settings_page .setting-panel select:focus, .wo_settings_page .setting-panel textarea:focus { 360 border-color: #03A9F4; 361} 362 363#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{ 364 border-color: #c64d53; 365} 366#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{ 367 background: #c64d53; 368} 369.wo_page_hdng_menu > ul li.active a { 370 box-shadow: inset 0px -2.5px #c64d53; 371} 372.login button, .postCategory h5, .wo_search_page .nav-tabs li.active a { 373 background: #c64d53 !important; 374 color: #ffffff !important; 375} 376.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 { 377 background-color: #c64d53 !important; 378 background: #c64d53 !important; 379 background-image: #c64d53 !important; 380} 381.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { 382 background-color: #f4f4f4 !important; 383} 384.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover { 385 color: #ffffff !important; 386 background-color: #333333 !important; 387} 388body { 389 background-color: #f0f2f5; 390} 391.navbar-default .navbar-nav>li>a { 392 color: #222; 393 font-size: 13px; 394 height: auto;padding-top: 18px;
395 padding-bottom: 18px; 396} 397 398.btn-main, .wo_following_btn { 399 color: #ffffff; 400 background-color: #c64d53; 401 border-color: #c64d53; 402} 403.btn-main:hover, .wo_following_btn:hover { 404 color: #ffffff; 405 background-color: #dd6a70; 406 border-color: #dd6a70; 407} 408 409.wow_mat_mdl .modal-footer .btn.main { 410 color: #ffffff !important; 411 background-color: #c64d53; 412} 413.wow_mat_mdl .modal-footer .btn.main:hover { 414 color: #ffffff !important; 415 background-color: #dd6a70; 416} 417 418.sun_pub_privacy_menu li label input[type="radio"]:checked+span{ 419 color: #ffffff; 420 background: #c64d53; 421} 422 423#wo_home_btns.btn-main { 424 color: #ffffff !important; 425} 426 427.wow_pops_head { 428 /*background: #dd6a70;*/ 429} 430.btn-main:focus { 431 color: #ffffff; 432} 433.active-wonder { 434 color: #c64d53; 435} 436.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 { 437 color: #444; 438 background-color: #fcfcfc; 439 border-bottom: 1px solid #f1f1f1; 440 padding: 18px; 441} 442.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 { 443 color: #444 !important; 444} 445.list-group-item.black-list.active-list, .red-list.active-list { 446 color: #ffffff; 447 background-color: #c64d53; 448} 449.list-group-item.black-list { 450 background: #c64d53; 451} 452.profile-top-line { 453 background-color: #c64d53; 454} 455#bar { 456 background-color: #c64d53; 457} 458.list-group-item.black-list a{ 459 color: #ffffff; 460} 461.list-group-item.black-list.active-list a{ 462 color: #c64d53; 463} 464.main-color, .small-text a, .show-message-link-container a, .search-advanced-container a { 465 color: #c64d53 !important; 466} 467.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { 468 color: #ffffff; 469 cursor: default; 470 color: #c64d53; 471 border-bottom: 1px solid #c64d53; 472 background-color: transparent 473} 474.btn-active { 475 color: #ffffff; 476 background: #c64d53; 477 outline: none; 478 border: 1px solid #c64d53} 479.btn-active:hover, .btn-active:focus { 480 border: 1px solid #dd6a70; 481 color: #ffffff; 482 background: #dd6a70; 483} 484.btn-active-color:hover { 485 background: #dd6a70; 486} 487 488.chat-tab .chat-textarea .chat-btns-w .chat_optns { 489 color: #c64d53; 490 fill: #c64d53; 491} 492 493.profile-style .user-follow-button button.btn-active, .btn-login, .btn-register { 494 background: #c64d53; 495 color: #ffffff; 496} 497.profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus { 498 color: #ffffff; 499 background: #dd6a70; 500} 501.panel-login>.panel-heading a.active { 502 color: #c64d53; 503 font-size: 18px; 504} 505.hash { 506 color: #c64d53; 507} 508.message-text .hash { 509 color: #fff !important; 510} 511.search-container .search-input { 512 color: #222 !important; 513 background: #F2F2F2 !important; 514} 515.chat-messages-wrapper .outgoing .message-text { 516 background: #c64d53; 517 color: #ffffff; 518} 519.normal-container { 520 width: 100%; 521 height: 100%; 522 margin-top: 15px; 523} 524.active.fa-thumbs-up { 525 color: #c64d53; 526} 527.api-ex-urls { 528 background-color: #c64d53; color: #ffffff; 529} 530.user-username { 531 color: #c64d53; 532} 533.upload-image { 534 border: 3px dashed #c64d53; 535} 536.events-tab-list li { background-color: #c64d53; } 537.events-tab-list li:hover { background-color: #c64d53; } 538.active-e-tab { background-color: #c64d53 !important; } 539.main { color: #c64d53 !important; } 540.events-list-dropup-menu ul li a:hover { background: #c64d53; } 541.usr-offline { color: #c64d53; } 542.blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #c64d53 !important; } 543.blog_publ {background: #c64d53 ; border: 1px solid #c64d53 ; } 544.slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{ 545 color: #c64d53 !important; 546} 547.movies h3.latest-movies, h3.recommended-movies { 548 border-left: 3px solid #c64d53; 549} 550 551.ads-navbar-wrapper ul li a.active { 552 color: #c64d53; 553} 554.wo_page_hdng_innr span { 555 background-color: #c64d53; 556 color: #ffffff; 557} 558 559.wow_creads_minstp .line .line_sec { 560 background: #c64d53; 561} 562 563.step-one-active.wow_creads_minstp .dot.one {background: #c64d53 !important;} 564.step-two-active.wow_creads_minstp .dot.one, .step-three-active.wow_creads_minstp .dot.one {background: #c64d53 !important;} 565.step-two-active.wow_creads_minstp .dot.two, .step-three-active.wow_creads_minstp .dot.two {background: #c64d53 !important;} 566.step-three-active.wow_creads_minstp .dot.three {background: #c64d53;} 567 568.step-one-active .steps > .step-one, .step-two-active .steps > .step-one, .step-two-active .steps > .step-two, .step-three-active .steps > .step-one, .step-three-active .steps > .step-two, .step-three-active .steps > .step-three { 569 color: #c64d53; 570} 571 572 573.btn-loading:after { 574 background-color: #c64d53; 575} 576.wow_pub_privacy_menu li label input[type="radio"]:checked+span { 577 background-color: #c64d53;color: #ffffff; 578} 579.order_by ul li.active a {background: #c64d53 !important;color: #ffffff !important;} 580 581 582 583 584#welcomeheader .mdbtn:hover{background-color: #ffffff;color: #1e2321;border-color: #ffffff;} 585 586.post .panel.active_shadow { 587 box-shadow: 0 0 0 1.5px #c64d53 !important; 588} 589 590.ui-widget-header .ui-state-default, .wo_adv_search_filter_side .ui-slider .ui-slider-range, .wo_adv_search_filter_side .ui-slider .ui-slider-handle { 591 background-color: #c64d53; 592} 593.reaction-1::before { 594 content: "Like"; 595} 596.reaction-2::before { 597 content: "Love"; 598} 599.reaction-3::before { 600 content: "HaHa"; 601} 602.reaction-4::before { 603 content: "WoW"; 604} 605.reaction-5::before { 606 content: "Sad"; 607} 608.reaction-6::before { 609 content: "Angry"; 610} 611/*.reaction-like::before { 612 content: "Like"; 613} 614.reaction-love::before { 615 content: "Love"; 616} 617.reaction-haha::before { 618 content: "HaHa"; 619} 620.reaction-wow::before { 621 content: "WoW"; 622} 623.reaction-sad::before { 624 content: "Sad"; 625} 626.reaction-angry::before { 627 content: "Angry"; 628}*/ 629 630.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:hover, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover { 631 color: #c64d53; 632} 633.text-sender-container .outgoing .message-model .message {background-color: #c64d53;color: #ffffff;} 634.text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #ffffff;} 635 636</style> 637 638
638<script crossorigin="anonymous" src="https://userinterface.us/themes/sunshine/javascript/sdk.js?version=4.3.4"></script>
638 639 640
640<script src="https://userinterface.us/themes/sunshine/javascript/socket.io.js?version=4.3.4"></script>
640 641
641<script> 642 let nodejs_system = "0"; 643 let socket = null 644 let groupChatListener = {} 645 $(()=>{ 646 }); 647 </script>
647 648
648<script src="https://userinterface.us/themes/sunshine/javascript/bootstrap-tagsinput-latest/src/bootstrap-tagsinput.js?version=4.3.4"></script>
648 649 650 651
651<script src="https://userinterface.us/themes/sunshine/javascript/flickity.pkgd.min.js?version=4.3.4"></script>
651 652 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/javascript/green-audio-player/green-audio-player.css?version=4.3.4" /> 653
653<script src="https://userinterface.us/themes/sunshine/javascript/green-audio-player/green-audio-player.js?version=4.3.4"></script>
653 654 655 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/flatpickr.min.css?version=4.3.4"> 656
656<script src="https://userinterface.us/themes/sunshine/javascript/flatpickr.js?version=4.3.4"></script>
656 657 658
658<script src="https://userinterface.us/themes/sunshine/javascript/circle-progress.min.js"></script>
658 659 </head> 660 661 <body > 662 <input type="hidden" id="get_no_posts_name" value="No more posts"> 663 <div id="focus-overlay"></div> 664 <input type="hidden" class="seen_stories_users_ids" value=""> 665 <input type="hidden" class="main_session" value="f0d579502820ee87140d"> 666 <header class="header-container"> 667 <div class="navbar navbar-default navbar-fixed-top"> 668 <nav class="header-fixed1000"> 669 <div class="container-fluid"> 670 <div class="wow_hdr_innr_left"> 671 672 <a class="brand header-brand" href="https://userinterface.us"> 673 <img width="130" src="https://userinterface.us/themes/sunshine/img/logo.png?cache=314" alt="UserInterface Logo"/> 674 </a> 675 </div> 676 <ul class="nav navbar-nav" id="wo_home_search"> 677 <li class="dropdown search-container"> 678 <form class="navbar-form navbar-left col-lg-12 form-group" data-toggle="dropdown" role="button" id="navbar-searchbox" role="search"> 679 <div class="form-group inner-addon left-addon "> 680 <svg class="glyphicon" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 681<circle cx="9" cy="9" r="8" stroke="#3F4354" stroke-width="2"/> 682<path d="M14.5 15.5L18.5 19.5" stroke="#3F4354" stroke-width="2" stroke-linecap="round"/> 683</svg> 684 685 <input type="text" class="form-control search-input" onkeyup="Wo_DetectSearchType(this.value), document.getElementById('wo_repeat_search').innerHTML = escapeHtml(this.value)" placeholder="Search for people, pages, groups and #hashtags" dir="auto" > 686 </div> 687 </form> 688 <ul class="dropdown-menu search-dropdown-container" role="menu"> 689 <div class="search-dropdown-result"> 690 </div> 691 <li> 692 <span class="search-advanced-container"> 693 <a href="https://userinterface.us/search" class="search-advanced-link" data-ajax="?link1=search"> 694 <div class="feather-svg-parent"> 695 <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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 696 </div> 697 <span style="vertical-align: middle;display: table-cell;"> 698 Advanced Search <span id="wo_repeat_search"></span> 699 </span> 700 </a> 701 </span> 702 </li> 703 </ul> 704 </li> 705 </ul> 706 <ul class="nav navbar-nav navbar-right pull-right"> 707 <li class="dropdown"> 708 <a href="#" class="dropdown-toggle user-menu-combination" data-toggle="dropdown" role="button" aria-expanded="false"> 709 <div class="user-avatar"> 710 <img src="https://userinterface.us/upload/photos/d-avatar.jpg" alt=""> 711 </div> <b>Guest </b> 712 </a> 713 <ul class="dropdown-menu" role="menu"> 714 <li> 715 <a href="https://userinterface.us/welcome/?last_url=https://userinterface.us%2Fsearch"> 716 Login </a> 717 </li> 718 <li> 719 <a href="https://userinterface.us/register"> 720 Register </a> 721 </li> 722 <li> 723 <a href="?mode=night"> 724 Night mode </a> 725 </li> 726 </ul> 727 </li> 728</ul> </div> 729 </div> 730 </nav> 731</div> 732<div class="barloading"></div> 733
734<script type="text/javascript"> 735jQuery(document).ready(function($) { 736 $(".search-input").keydown(function(event) { 737 if (event.keyCode == 13 && event.shiftKey == 0) { 738 event.preventDefault(); 739 window.location = 'https://userinterface.us/search?query=' + $(this).val(); 740 } 741 }); 742}); 743var Searchcontainer = $('.search-container'); 744var SearchBox = $('.search-container .search-input'); 745var SearchResult = $('.search-dropdown-result'); 746 747function Wo_ChangeHomeButtonIcon() { 748 749 $('.navbar-home #home-button').html('<i class="fa fa-circle-o-notch fa-spin"></i>'); 750} 751 752function Wo_DetectSearchType(query) { 753 var Hash = smokeTheHash(query); 754 if (Hash) { 755 $('.search-advanced-container').hide(200); 756 Wo_SearchhashResult(query); 757 } else { 758 $('.search-advanced-container').fadeIn(200); 759 Wo_SearchResult(query); 760 } 761} 762 763function Wo_ClearSearches() { 764 $('.clear-searches').html('<i class="fa fa-spinner fa-spin"></i>'); 765 $.get(Wo_Ajax_Requests_File(), {f: 'clearChat'}, function(data) { 766 if (data.status == 200) { 767 location.reload(); 768 } 769 }); 770} 771 772function Wo_GetRecentSearchs() { 773 $.get(Wo_Ajax_Requests_File(), {f: 'search', s: 'recent'}, function(data) { 774 if (data.status == 200) { 775 if (data.html.length > 0) { 776 SearchResult.html('<div class="recent">
776<div class="gray recent-searches pull-left"> Recent Searches</div><div onclick="Wo_ClearSearches();" class="gray recent-searches clear-searches pointer pull-right" style="color: #F44336;"><svg style="vertical-align: middle;margin-top: -3px;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>Clear</div><div class="clear"></div></div>' + data.html); 777 } 778 } 779 }); 780} 781function Wo_SearchResult(query) { 782 if (SearchBox.val() != '') { 783 Wo_progressIconLoader(Searchcontainer.find('.navbar-form')); 784 Searchcontainer.addClass('open'); 785 Searchcontainer.find('.search-advanced-link').attr('href','https://userinterface.us/search/' + query); 786 Searchcontainer.find('.search-advanced-link').attr('data-ajax','?link1=search&query=' + query); 787 $.get(Wo_Ajax_Requests_File(), {f: 'search', s: 'normal', query: query}, function(data) { 788 if (data.status == 200) { 789 if (data.html.length == 0) { 790 SearchResult.html('<span class="center-text">' + " No result to show" + '<span>'); 791 } else { 792 SearchResult.html(data.html); 793 } 794 } 795 Wo_progressIconLoader(Searchcontainer.find('.navbar-form'));
796 }); 797 $(document).click(function() { 798 Searchcontainer.removeClass('open'); 799 }); 800 } else { 801 Searchcontainer.removeClass('open'); 802 } 803} 804 805 806function Wo_SearchhashResult(query) { 807 var Searchcontainer = $('.search-container'); 808 var SearchBox = $('.search-container .search-input'); 809 var SearchResult = $('.search-dropdown-result'); 810 if (SearchBox.val() != '') { 811 Wo_progressIconLoader(Searchcontainer.find('.navbar-form')); 812 Searchcontainer.addClass('open'); 813 Searchcontainer.find('.search-advanced-link').attr('href','https://userinterface.us/search/' + query); 814 Searchcontainer.find('.search-advanced-link').attr('data-ajax','?link1=search&query=' + query); 815 $.get(Wo_Ajax_Requests_File(), {f: 'search', s: 'hash', query: query}, function(data) { 816 if (data.status == 200) { 817 if (data.html.length == 0) { 818 SearchResult.html('<span class="center-text">' + " No result to show" + '<span>'); 819 } else { 820 SearchResult.html(data.html); 821 } 822 } 823 Wo_progressIconLoader(Searchcontainer.find('.navbar-form'));
824 }); 825 826 $(document).click(function() { 827 Searchcontainer.removeClass('open'); 828 }); 829 } else { 830 Searchcontainer.removeClass('open'); 831 } 832} 833 834function smokeTheHash(str) { 835 var n = str.search("#"); 836 if(n != "-1"){ 837 return true; 838 } else { 839 return false; 840 } 841} 842 843$(document).on('click', '#night_mode_toggle', function (e) { 844 e.stopPropagation(); 845}); 846 847jQuery(document).click(function(event){ 848 if (!(jQuery(event.target).closest(".navbar-default .dropdown-menu.ani-acc-menu").length)) { 849 jQuery('.dropdown-switch-account').removeClass('open'); 850 } 851}); 852</script>
852 </header> 853 <div class="content-container container"> 854 <div class="ad-placement-header-footer"> 855 <div class="contnet" ><center><a href="https://news.userinterface.us"> 856 <img src="https://save-all.s3.us-east-2.amazonaws.com/uix+logo-news+(1).png" alt="Visit UserInterface News"> 857</a></center> 858
859<script type="application/ld+json"> 860{ 861 "@context": "https://schema.org", 862 "@graph": [ 863 { 864 "@type": "Person", 865 "@id": "https://userinterface.us/Dwight_Redman/#person", 866 "name": "Dwight Redman", 867 "url": "https://userinterface.us/Dwight_Redman/", 868 "image": { 869 "@type": "ImageObject", 870 "@id": "https://userinterface.us/Dwight_Redman/#image", 871 "url": "https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/irWUMqCkGEAmPNAHjptm_14_44a8eae1cee476ebe99a3deb58c53903_avatar.jpg?cache=1781470904", 872 "contentUrl": "https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/irWUMqCkGEAmPNAHjptm_14_44a8eae1cee476ebe99a3deb58c53903_avatar.jpg?cache=1781470904", 873 "caption": "Dwight Redman" 874 }, 875 "description": "Executive producer, cinematographer, photographer, graphic designer, author, and SEO and digital marketing specialist.", 876 "jobTitle": [ 877 "Executive Producer", 878 "Cinematographer", 879 "Photographer", 880 "Author", 881 "SEO and Digital Marketing Specialist" 882 ], 883 "knowsAbout": [ 884 "Video Production", 885 "Cinematography", 886 "Photography", 887 "Video Editing", 888 "Color Grading", 889 "Web Design", 890 "Search Engine Optimization", 891 "Digital Marketing", 892 "Content Strategy" 893 ], 894 "homeLocation": { 895 "@type": "City", 896 "name": "Washington, District of Columbia, United States" 897 }, 898 "worksFor": { 899 "@id": "https://uixnetwork.com/#organization" 900 }, 901 "sameAs": [ 902 "https://www.linkedin.com/in/seket-aanru-4477ab13/", 903 "https://www.instagram.com/the_weaveking/", 904 "https://www.youtube.com/@banderdash", 905 "https://x.com/SeketAanru", 906 "https://www.facebook.com/dwight.redman" 907 ] 908 }, 909 { 910 "@type": "Organization", 911 "@id": "https://uixnetwork.com/#organization", 912 "name": "UIX Network", 913 "alternateName": "UserInterface", 914 "url": "https://uixnetwork.com/", 915 "logo": { 916 "@type": "ImageObject", 917 "@id": "https://uixnetwork.com/#logo", 918 "url": "https://userinterface.us/themes/sunshine/img/logo.png?cache=314", 919 "contentUrl": "https://userinterface.us/themes/sunshine/img/logo.png?cache=314", 920 "caption": "UIX Network" 921 }, 922 "description": "UIX Network is a creative, digital marketing, and content-distribution brand providing web design, graphic design, video production, photography, and SEO services.", 923 "founder": { 924 "@id": "https://userinterface.us/Dwight_Redman/#person" 925 }, 926 "knowsAbout": [ 927 "Web Design", 928 "Video Production", 929 "Photography", 930 "Graphic Design", 931 "SEO", 932 "Digital Marketing" 933 ] 934 }, 935 { 936 "@type": "WebPage", 937 "@id": "https://userinterface.us/Dwight_Redman/#webpage", 938 "url": "https://userinterface.us/Dwight_Redman/", 939 "name": "Dwight Redman | UserInterface", 940 "mainEntity": { 941 "@id": "https://userinterface.us/Dwight_Redman/#person" 942 }, 943 "isPartOf": { 944 "@id": "https://userinterface.us/#website" 945 }, 946 "about": { 947 "@id": "https://userinterface.us/Dwight_Redman/#person" 948 } 949 }, 950 { 951 "@type": "WebSite", 952 "@id": "https://userinterface.us/#website", 953 "url": "https://userinterface.us/", 954 "name": "UserInterface", 955 "publisher": { 956 "@id": "https://uixnetwork.com/#organization" 957 } 958 } 959 ] 960} 961</script>
961</div> </div> 962 963 964 <div id="contnet" class="effect-load"> 965<div class="page-margin"> 966 <div class="wow_content popular_posts_hdr"> 967 <h2 class="flex"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.969 18.5307C17.2619 18.8236 17.7368 18.8236 18.0297 18.5307C18.3226 18.2378 18.3226 17.7629 18.0297 17.47L16.969 18.5307ZM13.915 15.4766L16.969 18.5307L18.0297 17.47L14.9756 14.416L13.915 15.4766Z" class="icon_main_fill"/><path d="M2.76311 7.43667C3.24887 5.36581 4.86581 3.74886 6.93667 3.26311C8.43222 2.9123 9.98866 2.9123 11.4842 3.26311C13.5551 3.74886 15.172 5.36581 15.6578 7.43667C16.0086 8.93222 16.0086 10.4887 15.6578 11.9842C15.172 14.0551 13.5551 15.672 11.4842 16.1578C9.98866 16.5086 8.43222 16.5086 6.93667 16.1578C4.86581 15.672 3.24887 14.0551 2.76311 11.9842C2.4123 10.4887 2.4123 8.93222 2.76311 7.43667Z" class="icon_main" stroke-width="1.5" stroke-linecap="round"/><path d="M2.76311 7.43667C2.4123 8.93222 2.4123 10.4887 2.76311 11.9842C3.24887 14.0551 4.86581 15.672 6.93667 16.1578C8.43222 16.5086 9.98866 16.5086 11.4842 16.1578C13.5551 15.672 15.172 14.0551 15.6578 11.9842C16.0086 10.4887 16.0086 8.93222 15.6578 7.43667C15.172 5.36581 13.5551 3.74886 11.4842 3.26311C9.98866 2.9123 8.43222 2.9123 6.93667 3.26311" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> <p>Search<b>Search for people, pages, groups and #hashtags</b></p></h2> 968 </div> 969</div> 970 971<div class="page-margin"> 972 973 <form action="https://userinterface.us/search" method="get" class="search-filter-form" id="search_form">
974 <div class="page-margin wow_content wow_big_head_link full flex wow_search_head"> 975 <div class="right_part"> 976 <div class="search-blog"> 977 <input type="text" name="query" id="query" placeholder="Keyword" value="" autocomplete="off"> 978 </div> 979 980 <div class="dropdown market_widget count"> 981 <div class="m_widget_head"> 982 <select name="country" id="country"> 983 984 <option value="0" >Select Country</option> 985 <option value="all" selected >All</option> 986 <option value="1" >United States</option> 987 <option value="2" >Canada</option> 988 <option value="3" >Afghanistan</option> 989 <option value="4" >Albania</option> 990 <option value="5" >Algeria</option> 991 <option value="6" >American Samoa</option> 992 <option value="7" >Andorra</option> 993 <option value="8" >Angola</option> 994 <option value="9" >Anguilla</option> 995 <option value="10" >Antarctica</option> 996 <option value="11" >Antigua and/or Barbuda</option> 997 <option value="12" >Argentina</option> 998 <option value="13" >Armenia</option> 999 <option value="14" >Aruba</option> 1000 <option value="15" >Australia</option> 1001 <option value="16" >Austria</option> 1002 <option value="17" >Azerbaijan</option> 1003 <option value="18" >Bahamas</option> 1004 <option value="19" >Bahrain</option> 1005 <option value="20" >Bangladesh</option> 1006 <option value="21" >Barbados</option> 1007 <option value="22" >Belarus</option> 1008 <option value="23" >Belgium</option> 1009 <option value="24" >Belize</option> 1010 <option value="25" >Benin</option> 1011 <option value="26" >Bermuda</option> 1012 <option value="27" >Bhutan</option> 1013 <option value="28" >Bolivia</option> 1014 <option value="29" >Bosnia and Herzegovina</option> 1015 <option value="30" >Botswana</option> 1016 <option value="31" >Bouvet Island</option> 1017 <option value="32" >Brazil</option> 1018 <option value="34" >Brunei Darussalam</option> 1019 <option value="35" >Bulgaria</option> 1020 <option value="36" >Burkina Faso</option> 1021 <option value="37" >Burundi</option> 1022 <option value="38" >Cambodia</option> 1023 <option value="39" >Cameroon</option> 1024 <option value="40" >Cape Verde</option> 1025 <option value="41" >Cayman Islands</option> 1026 <option value="42" >Central African Republic</option> 1027 <option value="43" >Chad</option> 1028 <option value="44" >Chile</option> 1029 <option value="45" >China</option> 1030 <option value="46" >Christmas Island</option> 1031 <option value="47" >Cocos (Keeling) Islands</option> 1032 <option value="48" >Colombia</option> 1033 <option value="49" >Comoros</option> 1034 <option value="50" >Congo</option> 1035 <option value="51" >Cook Islands</option> 1036 <option value="52" >Costa Rica</option> 1037 <option value="53" >Croatia (Hrvatska)</option> 1038 <option value="54" >Cuba</option> 1039 <option value="55" >Cyprus</option> 1040 <option value="56" >Czech Republic</option> 1041 <option value="57" >Denmark</option> 1042 <option value="58" >Djibouti</option> 1043 <option value="59" >Dominica</option> 1044 <option value="60" >Dominican Republic</option> 1045 <option value="61" >East Timor</option> 1046 <option value="62" >Ecuador</option> 1047 <option value="63" >Egypt</option> 1048 <option value="64" >El Salvador</option> 1049 <option value="65" >Equatorial Guinea</option> 1050 <option value="66" >Eritrea</option> 1051 <option value="67" >Estonia</option> 1052 <option value="68" >Ethiopia</option> 1053 <option value="69" >Falkland Islands (Malvinas)</option> 1054 <option value="70" >Faroe Islands</option> 1055 <option value="71" >Fiji</option> 1056 <option value="72" >Finland</option> 1057 <option value="73" >France</option> 1058 <option value="74" >France, Metropolitan</option> 1059 <option value="75" >French Guiana</option> 1060 <option value="76" >French Polynesia</option> 1061 <option value="77" >French Southern Territories</option> 1062 <option value="78" >Gabon</option> 1063 <option value="79" >Gambia</option> 1064 <option value="80" >Georgia</option> 1065 <option value="81" >Germany</option> 1066 <option value="82" >Ghana</option> 1067 <option value="83" >Gibraltar</option> 1068 <option value="84" >Greece</option> 1069 <option value="85" >Greenland</option> 1070 <option value="86" >Grenada</option> 1071 <option value="87" >Guadeloupe</option> 1072 <option value="88" >Guam</option> 1073 <option value="89" >Guatemala</option> 1074 <option value="90" >Guinea</option> 1075 <option value="91" >Guinea-Bissau</option> 1076 <option value="92" >Guyana</option> 1077 <option value="93" >Haiti</option> 1078 <option value="94" >Heard and Mc Donald Islands</option> 1079 <option value="95" >Honduras</option> 1080 <option value="96" >Hong Kong</option> 1081 <option value="97" >Hungary</option> 1082 <option value="98" >Iceland</option> 1083 <option value="99" >India</option> 1084 <option value="100" >Indonesia</option> 1085 <option value="101" >Iran (Islamic Republic of)</option> 1086 <option value="102" >Iraq</option> 1087 <option value="103" >Ireland</option> 1088 <option value="104" >Israel</option> 1089 <option value="105" >Italy</option> 1090 <option value="106" >
1090Ivory Coast</option> 1091 <option value="107" >Jamaica</option> 1092 <option value="108" >Japan</option> 1093 <option value="109" >Jordan</option> 1094 <option value="110" >Kazakhstan</option> 1095 <option value="111" >Kenya</option> 1096 <option value="112" >Kiribati</option> 1097 <option value="113" >Korea, Democratic People's Republic of</option> 1098 <option value="114" >Korea, Republic of</option> 1099 <option value="115" >Kosovo</option> 1100 <option value="116" >Kuwait</option> 1101 <option value="117" >Kyrgyzstan</option> 1102 <option value="118" >Lao People's Democratic Republic</option> 1103 <option value="119" >Latvia</option> 1104 <option value="120" >Lebanon</option> 1105 <option value="121" >Lesotho</option> 1106 <option value="122" >Liberia</option> 1107 <option value="123" >Libyan Arab Jamahiriya</option> 1108 <option value="124" >Liechtenstein</option> 1109 <option value="125" >Lithuania</option> 1110 <option value="126" >Luxembourg</option> 1111 <option value="127" >Macau</option> 1112 <option value="128" >Macedonia</option> 1113 <option value="129" >Madagascar</option> 1114 <option value="130" >Malawi</option> 1115 <option value="131" >Malaysia</option> 1116 <option value="132" >Maldives</option> 1117 <option value="133" >Mali</option> 1118 <option value="134" >Malta</option> 1119 <option value="135" >Marshall Islands</option> 1120 <option value="136" >Martinique</option> 1121 <option value="137" >Mauritania</option> 1122 <option value="138" >Mauritius</option> 1123 <option value="139" >Mayotte</option> 1124 <option value="140" >Mexico</option> 1125 <option value="141" >Micronesia, Federated States of</option> 1126 <option value="142" >Moldova, Republic of</option> 1127 <option value="143" >Monaco</option> 1128 <option value="144" >Mongolia</option> 1129 <option value="145" >Montenegro</option> 1130 <option value="146" >Montserrat</option> 1131 <option value="147" >Morocco</option> 1132 <option value="148" >Mozambique</option> 1133 <option value="149" >Myanmar</option> 1134 <option value="150" >Namibia</option> 1135 <option value="151" >Nauru</option> 1136 <option value="152" >Nepal</option> 1137 <option value="153" >Netherlands</option> 1138 <option value="154" >Netherlands Antilles</option> 1139 <option value="155" >New Caledonia</option> 1140 <option value="156" >New Zealand</option> 1141 <option value="157" >Nicaragua</option> 1142 <option value="158" >Niger</option> 1143 <option value="159" >Nigeria</option> 1144 <option value="160" >Niue</option> 1145 <option value="161" >Norfork Island</option> 1146 <option value="162" >Northern Mariana Islands</option> 1147 <option value="163" >Norway</option> 1148 <option value="164" >Oman</option> 1149 <option value="165" >Pakistan</option> 1150 <option value="166" >Palau</option> 1151 <option value="167" >Panama</option> 1152 <option value="168" >Papua New Guinea</option> 1153 <option value="169" >Paraguay</option> 1154 <option value="170" >Peru</option> 1155 <option value="171" >Philippines</option> 1156 <option value="172" >Pitcairn</option> 1157 <option value="173" >Poland</option> 1158 <option value="174" >Portugal</option> 1159 <option value="175" >Puerto Rico</option> 1160 <option value="176" >Qatar</option> 1161 <option value="177" >Reunion</option> 1162 <option value="178" >Romania</option> 1163 <option value="179" >Russian Federation</option> 1164 <option value="180" >Rwanda</option> 1165 <option value="181" >Saint Kitts and Nevis</option> 1166 <option value="182" >Saint Lucia</option> 1167 <option value="183" >Saint Vincent and the Grenadines</option> 1168 <option value="184" >Samoa</option> 1169 <option value="185" >San Marino</option> 1170 <option value="186" >Sao Tome and Principe</option> 1171 <option value="187" >Saudi Arabia</option> 1172 <option value="188" >Senegal</option> 1173 <option value="189" >Serbia</option> 1174 <option value="190" >Seychelles</option> 1175 <option value="191" >Sierra Leone</option> 1176 <option value="192" >Singapore</option> 1177 <option value="193" >Slovakia</option> 1178 <option value="194" >Slovenia</option> 1179 <option value="195" >Solomon Islands</option> 1180 <option value="196" >Somalia</option> 1181 <option value="197" >South Africa</option> 1182 <option value="198" >South Georgia South Sandwich Islands</option> 1183 <option value="199" >Spain</option> 1184 <option value="200" >Sri Lanka</option> 1185 <option value="201" >St. Helena</option> 1186 <option value="202" >St. Pierre and Miquelon</option> 1187 <option value="203" >Sudan</option> 1188 <option value="204" >Suriname</option> 1189 <option value="205" >Svalbarn and Jan Mayen Islands</option> 1190 <option value="206" >Swaziland</option> 1191 <option value="207" >Sweden</option> 1192 <option value="208" >Switzerland</option> 1193 <option value="209" >Syrian Arab Republic</option> 1194 <option value="210" >Taiwan</option> 1195 <option value="211" >Tajikistan</option> 1196 <option value="212" >Tanzania, United Republic of</option> 1197 <option value="213" >Thailand</option> 1198 <option value="214" >Togo</option> 1199 <option value="215" >Tokelau</option> 1200 <option value="216" >Tonga</option> 1201 <option value="217" >Trinidad and Tobago</option> 1202 <option value="218" >Tunisia</option> 1203 <option value="219" >Turkey</option> 1204 <option value="220" >Turkmenistan</option> 1205 <option value="221" >Turks and Caicos Islands</option> 1206 <option value="222" >Tuvalu</option> 1207 <option value="223" >Uganda</option> 1208 <option value="224" >Ukraine</option> 1209 <option value="225" >United Arab Emirates</option> 1210 <option value="226" >United Kingdom</option> 1211 <option value="227" >United States minor outlying islands</option> 1212 <option value="228" >Uruguay</option> 1213 <option value="229" >Uzbekistan</option> 1214 <option value="230" >Vanuatu</option> 1215 <option value="231" >Vatican City State</option> 1216 <option value="232" >Venezuela</option> 1217 <option value="233" >Vietnam</option> 1218 <option value="238" >Yemen</option> 1219 <option value="239" >Yugoslavia</option> 1220 <option value="240" >Zaire</option> 1221 <option value="241" >Zambia</option> 1222 <option value="242" >Zimbabwe</option> 1223 <option value="243" >Palestine</option> 1224 </select> 1225 </div> 1226 </div> 1227 1228 <button type="submit" class="btn btn-main btn-mat">Search</button> 1229 1230 <div class="dropdown market_widget"> 1231 <div class="btn btn-mat btn-default dropdown-toggle" data-toggle="dropdown" role="button"> 1232 <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0086 1.5H2.99063C1.64578 1.5 0.862648 3.03017 1.6428 4.13351L5.05925 8.96527C5.45848 9.52988 5.67302 10.2058 5.67302 10.899V14.2744C5.67302 15.5036 6.6623 16.5 7.88264 16.5C9.10298 16.5 10.0923 15.5036 10.0923 14.2744V10.9488C10.0923 10.2248 10.3262 9.52062 10.7588 8.94251L14.3301 4.16979C15.1518 3.07156 14.374 1.5 13.0086 1.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.0923 10.7458C10.0923 10.0374 10.3262 9.34833 10.7588 8.78264L14.3301 4.11244C15.1518 3.0378 14.374 1.5 13.0086 1.5H2.99063C1.64578 1.5 0.862648 2.9973 1.6428 4.07694L5.05925 8.8
12320491C5.45848 9.35739 5.67302 10.0188 5.67302 10.6971V14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> 1233 </div> 1234 <div class="dropdown-menu dropdown-menu-right wow_srch_drp_mnu" aria-labelledby="srch_fltrs"> 1235 <li> 1236 </li> 1237 <li> 1238
1238<script> 1239 $( function() { 1240 $( "#slider-range" ).slider({ 1241 range: true, 1242 min: 10, 1243 max: 70, 1244 values: [ 18, 50 ], 1245 slide: function( event, ui ) { 1246 $( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] ); 1247 $( "#age_from" ).val( ui.values[ 0 ] ); 1248 $( "#age_to" ).val( ui.values[ 1 ] ); 1249 } 1250 }); 1251 $( "#amount" ).val( $( "#slider-range" ).slider( "values", 0 ) + " - " + $( "#slider-range" ).slider( "values", 1 ) ); 1252 }); 1253 </script>
1253 1254 <div class="wow_srch_innr_filtr"> 1255 <p>Age</p> 1256 <div class="pp_mat_input"> 1257 <div class="round_check"> 1258 <input type="radio" name="filterbyage" id="filterbyage-0" value="yes" onclick="$('.agefilter_hide').css({'display':'block'});" > 1259 <label class="radio-inline" for="filterbyage-0">Yes</label> 1260 </div> 1261 <div class="round_check"> 1262 <input type="radio" name="filterbyage" id="filterbyage-1" value="no" onclick="$('.agefilter_hide').css({'display':'none'});" checked> 1263 <label class="radio-inline" for="filterbyage-1">No</label> 1264 </div> 1265 <input type="text" id="amount" class="agefilter_hide age_number" readonly style="display:none;"> 1266 </div> 1267 <div class="agefilter_hide" id="agefilter" style="display: none;"> 1268 <div id="slider-range"></div> 1269 <input type="hidden" name="age_from" id="age_from" value="18"> 1270 <input type="hidden" name="age_to" id="age_to" value="50"> 1271 </div> 1272 </div> 1273 </li> 1274 <li> 1275 <div class="wow_srch_innr_filtr"> 1276 <p>Verified</p> 1277 <div class="pp_mat_input"> 1278 <div class="round_check"> 1279 <input type="radio" name="verified" id="verified-0" value="all" checked> 1280 <label class="radio-inline" for="verified-0">All</label> 1281 </div> 1282 <div class="round_check"> 1283 <input type="radio" name="verified" id="verified-1" value="on" > 1284 <label class="radio-inline" for="verified-1">Verified</label> 1285 </div> 1286 <div class="round_check"> 1287 <input type="radio" name="verified" id="verified-2" value="off"> 1288 <label class="radio-inline" for="verified-2">Unverified</label> 1289 </div> 1290 </div> 1291 </div> 1292 </li> 1293 <li> 1294 <div class="wow_srch_innr_filtr"> 1295 <p>Status</p> 1296 <div class="pp_mat_input"> 1297 <div class="round_check"> 1298 <input type="radio" name="status" id="status-0" value="all" checked> 1299 <label class="radio-inline" for="status-0">All</label> 1300 </div> 1301 <div class="round_check"> 1302 <input type="radio" name="status" id="status-1" value="on" > 1303 <label class="radio-inline" for="status-1">Online</label> 1304 </div> 1305 <div class="round_check"> 1306 <input type="radio" name="status" id="status-2" value="off"> 1307 <label class="radio-inline" for="status-2">Offline</label> 1308 </div> 1309 </div> 1310 </div> 1311 </li> 1312 <li> 1313 <div class="wow_srch_innr_filtr"> 1314 <p>Gender</p> 1315 <div class="pp_mat_input"> 1316 <div class="round_check"> 1317 <input type="radio" name="gender" id="gender-0" value="all" checked> 1318 <label class="radio-inline" for="gender-0">All</label> 1319 </div> 1320 <div class="round_check"> 1321 <input type="radio" name="gender" id="gender-female" value="female" > 1322 <label class="radio-inline" for="gender-female">Female</label> 1323 </div> 1324 <div class="round_check"> 1325 <input type="radio" name="gender" id="gender-male" value="male" > 1326 <label class="radio-inline" for="gender-male">Male</label> 1327 </div> 1328 </div> 1329 </div> 1330 </li> 1331 <li> 1332 <div class="wow_srch_innr_filtr"> 1333 <p>Profile Picture</p> 1334 <div class="pp_mat_input"> 1335 <div class="round_check"> 1336 <input type="radio" name="image" id="image-0" value="all" checked> 1337 <label class="radio-inline" for="image-0">All</label> 1338 </div> 1339 <div class="round_check"> 1340 <input type="radio" name="image" id="image-1" value="yes" > 1341 <label class="radio-inline" for="image-1">Yes</label> 1342 </div> 1343 <div class="round_check"> 1344 <input type="radio" name="image" id="image-2" value="no" > 1345 <label class="radio-inline" for="image-2">No</label> 1346 </div> 1347 </div> 1348 </div> 1349 </li> 1350 </div> 1351 </div> 1352 </div> 1353 </div> 1354 </form> 1355 1356 <div class="page-margin wow_content wow_big_head_link wow_srch_tabs"> 1357 <ul class="list-unstyled" role="tablist"> 1358 <li class="active"> 1359 <a data-toggle="tab" data-target="#users" href="#"> 1360 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.17773 17.531C3.17773 15.6539 4.51135 14.055 6.32377 13.7592L6.48702 13.7326C7.93831 13.4957 9.41716 13.4957 10.8684 13.7326L11.0317 13.7592C12.8441 14.055 14.1777 15.6539 14.1777 17.531C14.1777 18.3423 13.5346 19 12.7413 19H4.61412C3.82083 19 3.17773 18.3423 3.17773 17.531Z" stroke="currentColor" stroke-width="1.5"/><path d="M11.8861 7.28125C11.8861 9.09343 10.4496 10.5625 8.67773 10.5625C6.90582 10.5625 5.4694 9.09343 5.4694 7.28125C5.4694 5.46907 6.90582 4 8.67773 4C10.4496 4 11.8861 5.46907 11.8861 7.28125Z" stroke="currentColor" stroke-width="1.5"/><path d="M14.1777 10.5625C16.4329 10.5625 18.2611 9.09343 18.2611 7.28125C18.2611 5.46907 16.4329 4 14.1777 4M16.9659 19H19.3496C20.3593 19 21.1777 18.3423 21.1777 17.531C21.1777 15.6539 19.4804 14.055 17.1737 13.7592L16.9659 13.7326C16.4062 13.7326 16.3727 13.7326 15.6258 13.7326" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> Users </a> 1361 </li> 1362 <li> 1363 <a data-toggle="tab" data-target="#pages" href="#"> 1364 <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.17773 12.0516H13.6702C14.8499 12.0516 15.571 10.6446 14.9495 9.55558L14.5415 8.8407C14.1399 8.13721 14.14 7.24741 14.5415 6.54392L14.9495 5.82904C15.571 4.74002 14.8499 3.33301 13.6702 3.33301L5.17773 3.33301L5.17773 12.0516ZM5.17773 12.0516L5.17773 16.6663" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1364<path d="M13.6702 12.0516C14.8499 12.0516 15.571 10.6446 14.9495 9.55558L14.5415 8.8407C14.1399 8.13721 14.1399 7.24741 14.5415 6.54392L14.9495 5.82904C15.571 4.74002 14.8499 3.33301 13.6702 3.33301L5.17773 3.33301L5.17773 6.02564" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> Pages </a> 1365 </li> 1366 <li> 1367 <a data-toggle="tab" data-target="#groups" href="#"> 1368 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.60404 12.2682C7.24214 10.7254 7.24214 9.11974 7.60404 7.57691C8.10515 5.44059 9.77321 3.77254 11.9095 3.27142C13.4524 2.90953 15.058 2.90953 16.6008 3.27142C18.7371 3.77254 20.4052 5.44059 20.9063 7.57692C21.2682 9.11974 21.2682 10.7254 20.9063 12.2682C20.4052 14.4045 18.7371 16.0726 16.6008 16.5737C15.058 16.9356 13.4524 16.9356 11.9095 16.5737M7.60404 12.2682C8.10515 14.4045 9.77321 16.0726 11.9095 16.5737M7.60404 12.2682C7.37617 11.2968 7.29178 10.3004 7.35086 9.31057C7.26731 9.32762 7.18395 9.3459 7.1008 9.36541C5.26967 9.79493 3.83991 11.2247 3.41038 13.0558C3.10018 14.3782 3.10018 15.7545 3.41038 17.0769C3.83991 18.9081 5.26967 20.3378 7.1008 20.7674C8.42322 21.0775 9.79949 21.0775 11.1219 20.7674C12.953 20.3378 14.3828 18.9081 14.8123 17.0769C14.8318 16.9938 14.8501 16.9104 14.8672 16.8269C13.8773 16.886 12.881 16.8016 11.9095 16.5737" stroke="currentColor" stroke-width="1.5"/><path d="M7.60345 12.2682C7.24156 10.7254 7.24156 9.11974 7.60346 7.57691C8.10457 5.44059 9.77263 3.77254 11.9089 3.27142C13.4518 2.90953 15.0574 2.90953 16.6002 3.27142C18.7366 3.77254 20.4046 5.44059 20.9057 7.57692C21.2676 9.11974 21.2676 10.7254 20.9057 12.2682C20.4046 14.4045 18.7366 16.0726 16.6002 16.5737C15.0574 16.9356 13.4518 16.9356 11.9089 16.5737M7.60345 12.2682C8.10457 14.4045 9.77263 16.0726 11.9089 16.5737M7.60345 12.2682C7.37559 11.2968 7.2912 10.3004 7.35028 9.31057M11.9089 16.5737C12.8804 16.8016 13.8767 16.886 14.8666 16.8269" stroke="currentColor" stroke-width="1.5"/></svg> Groups </a> 1369 </li> 1370 <li> 1371 <a data-toggle="tab" data-target="#games" href="#"> 1372 <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4277 10C12.4277 11.2426 11.4204 12.25 10.1777 12.25C8.93509 12.25 7.92773 11.2426 7.92773 10C7.92773 8.75736 8.93509 7.75 10.1777 7.75C11.4204 7.75 12.4277 8.75736 12.4277 10Z" stroke="currentColor" stroke-width="1.5"/><path d="M17.6777 10L15.1777 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.67773 10L5.17773 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1777 17.5L10.1777 15M10.1777 2.5L10.1777 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1777 2.5L10.1777 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1777 17.5L10.1777 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> Games </a> 1373 </li> 1374 </ul> 1375 </div> 1376 1377 <div class="wo_search_page"> 1378 <div class="tab-content"> 1379 <div id="users" class="tab-pane fade in active"> 1380 <div id="users-cont" class="row cool-style-album-row wow_frnd_usr"> 1381 <div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1382<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path> 1383<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path> 1384<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 1385</svg> What are looking for ?</div></div></div>
1385 </div> 1386 <div class="clear"></div> 1387 </div> 1388 1389 <div id="pages" class="tab-pane fade"> 1390 <div class="wo_my_pages"> 1391 <div id="pages-cont" class="row cool-style-album-row"> 1392 <div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1393<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path> 1394<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path> 1395<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 1396</svg> What are looking for ?</div></div></div> </div> 1397 </div> 1398 <div class="clear"></div> 1399 </div> 1400 1401 <div id="groups" class="tab-pane fade"> 1402 <div id="groups-cont" class="row cool-style-album-row"> 1403 <div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1404<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path> 1405<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path> 1406<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 1407</svg> What are looking for ?</div></div></div> </div> 1408 <div class="clear"></div> 1409 </div> 1410 1411 <div id="games" class="tab-pane fade"> 1412 <div class="row wow_srch_game_tabss"> 1413 <div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1414<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path> 1415<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path> 1416<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 1417</svg> What are looking for ?</div></div></div> </div> 1418 </div> 1419 </div> 1420 <div class="clear"></div> 1421 </div> 1422</div> 1423
1424<script> 1425$(document).on('click', '.wow_srch_drp_mnu', function (e) { 1426 e.stopPropagation(); 1427}); 1428 1429 jQuery(document).ready(function($) { 1430 //Load more users 1431 $(".load-more-users").click(function(event) { 1432 var form = document.getElementById('search_form'); 1433 var formdata = new FormData(form); 1434 var u_offset = ($("[data-search-type=user]").length > 0) ? $("[data-search-type=user]").last().attr('data-id') : 0; 1435 $.ajax({ 1436 processData: false, 1437 url: Wo_Ajax_Requests_File()+'?f=load-more-users&offset='+u_offset, 1438 type: 'POST', 1439 dataType: 'json', 1440 data: formdata, 1441 contentType: false, 1442 success:function(data){ 1443 if (data['status'] == 200) { 1444 $("#users-cont").append(data['html']) 1445 }else{$(".load-more-users").remove()} 1446 } 1447 }) 1448 }); 1449 //Load more groups 1450 $(".load-more-groups").click(function(event) { 1451 var g_offset = ($("[data-search-type=group]").length > 0) ? $("[data-search-type=group]").last().attr('data-id') : 0; 1452 $.ajax({
1453 url: Wo_Ajax_Requests_File(), 1454 type: 'GET', 1455 dataType: 'json', 1456 data: {f: 'load-more-groups',offset:g_offset,query:$("#query").val()}, 1457 success:function(data){ 1458 if (data['status'] == 200) { 1459 $("#groups-cont").append(data['html']) 1460 }else{$(".load-more-groups").remove()} 1461 } 1462 }) 1463 }); 1464 //Load more pages 1465 $(".load-more-pages").click(function(event) { 1466 var p_offset = ($("[data-search-type=page]").length > 0) ? $("[data-search-type=page]").last().attr('data-id') : 0; 1467 $.ajax({ 1468 url: Wo_Ajax_Requests_File(), 1469 type: 'GET', 1470 dataType: 'json', 1471 data: {f: 'load-more-pages',offset:p_offset,query:$("#query").val()}, 1472 success:function(data){ 1473 if (data['status'] == 200) { 1474 $("#pages-cont").append(data['html']) 1475 }else{$(".load-more-pages").remove()} 1476 } 1477 }) 1478 }); 1479 1480 1481 $("#input").hover(function(event) { 1482 $("#input").focus() 1483 }); 1484 1485 }); 1486</script>
1486</div> 1487 <div class="contnet">
1487<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0975675460745073" 1488 crossorigin="anonymous"></script>
1488 1489<!-- UserInterface footer --> 1490<ins class="adsbygoogle" 1491 style="display:block" 1492 data-ad-client="ca-pub-0975675460745073" 1493 data-ad-slot="5891706842" 1494 data-ad-format="auto" 1495 data-full-width-responsive="true"></ins>
1496<script> 1497 (adsbygoogle = window.adsbygoogle || []).push({}); 1498</script>
1498</div> <footer> 1499 <div class="page-margin"> 1500 <div class="footer-wrapper"> 1501 <hr> 1502 <div class="footer-powered"> 1503 <p> 1504 © 2026 UserInterface </p> 1505 <ul class="list-inline"> 1506 <li><a href="https://userinterface.us" data-ajax="?link1=home">Home</a></li> 1507 <li><a href="https://userinterface.us/terms/about-us" data-ajax="?link1=terms&type=about-us">About</a></li> 1508 <li><a href="https://userinterface.us/contact-us" data-ajax="?link1=contact-us">Contact Us</a></li> 1509 <li><a href="https://userinterface.us/terms/privacy-policy" data-ajax="?link1=terms&type=privacy-policy">Privacy Policy</a></li> 1510 <li><a href="https://userinterface.us/terms/terms" data-ajax="?link1=terms&type=terms">Terms of Use</a></li> 1511 <li><a href="https://userinterface.us/terms/refund" data-ajax="?link1=terms&type=refund">Request a Refund</a></li> 1512 1513 <li><a href="https://userinterface.us/blogs" data-ajax="?link1=blogs">Blog</a></li> 1514 <li><a data-ajax="?link1=developers" href="https://userinterface.us/developers">Developers</a></li> 1515 </ul> 1516 <ul class="lang_selct"> 1517 <li> 1518 <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="modal" data-target="#select-language"> 1519 <svg height="13" viewBox="0 0 24 24" width="13" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg> Language </a> 1520 </li> 1521 </ul> 1522 </div> 1523 <div class="clear"></div> 1524 </div> 1525</div> </footer> 1526 <div class="second-footer" style=" "> 1527 <div class="page-margin"> 1528 <div class="footer-wrapper"> 1529 <hr> 1530 <div class="footer-powered"> 1531 <p> 1532 © 2026 UserInterface </p> 1533 <ul class="list-inline"> 1534 <li><a href="https://userinterface.us" data-ajax="?link1=home">Home</a></li> 1535 <li><a href="https://userinterface.us/terms/about-us" data-ajax="?link1=terms&type=about-us">About</a></li> 1536 <li><a href="https://userinterface.us/contact-us" data-ajax="?link1=contact-us">Contact Us</a></li> 1537 <li><a href="https://userinterface.us/terms/privacy-policy" data-ajax="?link1=terms&type=privacy-policy">Privacy Policy</a></li> 1538 <li><a href="https://userinterface.us/terms/terms" data-ajax="?link1=terms&type=terms">Terms of Use</a></li> 1539 <li><a href="https://userinterface.us/terms/refund" data-ajax="?link1=terms&type=refund">Request a Refund</a></li> 1540 1541 <li><a href="https://userinterface.us/blogs" data-ajax="?link1=blogs">Blog</a></li> 1542 <li><a data-ajax="?link1=developers" href="https://userinterface.us/developers">Developers</a></li> 1543 </ul> 1544 <ul class="lang_selct"> 1545 <li> 1546 <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="modal" data-target="#select-language"> 1547 <svg height="13" viewBox="0 0 24 24" width="13" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg> Language </a> 1548 </li> 1549 </ul> 1550 </div> 1551 <div class="clear"></div> 1552 </div> 1553</div> </div> 1554 <div class="extra"> 1555 </div> 1556 </div> 1557 <!-- Load modal alerts --> 1558 <div class="modal fade in" id="comment_report_box" role="dialog"> 1559 <div class="modal-dialog wow_mat_mdl"> 1560 1561 <div class="modal-content"> 1562 <p class="wo_error_messages"> 1563 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 496.158 496.158" xml:space="preserve"> <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/> <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777 c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867 c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475 c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322 c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908 c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773 c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984 C385.405,188.218,389.034,176.214,384.673,164.968z"/></svg>
1564 <span class="msg">Comment reported successfully.</span> 1565 </p> 1566 </div> 1567 1568 </div> 1569</div> 1570 1571<div class="modal fade in" id="post-shared" role="dialog"> 1572 <div class="modal-dialog wow_mat_mdl"> 1573 1574 <div class="modal-content"> 1575 <p class="wo_error_messages"> 1576 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 496.158 496.158" xml:space="preserve"> <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/> <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777 c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867 c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475 c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322 c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908 c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773 c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984 C385.405,188.218,389.034,176.214,384.673,164.968z"/></svg> 1577 Post was successfully added to your timeline! </p> 1578 </div> 1579 1580 </div> 1581</div> 1582<div class="modal fade in" id="modal-alert" role="dialog"> 1583 <div class="modal-dialog wow_mat_mdl"> 1584 <div class="modal-content"> 1585 <p class="wo_error_messages"> 1586 <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg> 1587 <span id="modal-alert-msg"> 1588 You have reached your limit of 5000 friends! </span> 1589 </p> 1590 </div> 1591 </div> 1592</div> 1593<div class="modal fade in" id="invalid_file" role="dialog"> 1594 <div class="modal-dialog wow_mat_mdl"> 1595 1596 <div class="modal-content"> 1597 <p class="wo_error_messages"> 1598 <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg> 1599 File size error: The file exceeds allowed the limit (954 MB) and can not be uploaded. </p> 1600 </div> 1601 1602 </div> 1603</div> 1604<div class="modal fade in" id="ffmpeg_file" role="dialog"> 1605 <div class="modal-dialog wow_mat_mdl"> 1606 1607 <div class="modal-content"> 1608 <p style="text-align: center;padding: 30px 20px;font-size: 16px;margin: 0;"> 1609 <svg xmlns="http://www.w3.org/2000/svg" height="100px" viewBox="0 0 512 512" width="100px" class="main" style="display: block;margin: 0 auto 30px;"><g fill="currentColor" opacity="0.6"><path d="m71.072 303.9a189.244 189.244 0 0 0 66.661 97.518 186.451 186.451 0 0 0 114.189 38.582c103.707 0 188.078-84.284 188.078-187.884a185.963 185.963 0 0 0 -38.974-114.534 189.368 189.368 0 0 0 -98.448-66.463 24 24 0 1 1 12.883-46.238 237.668 237.668 0 0 1 123.578 83.392 235.9 235.9 0 0 1 -187.117 379.727 234.064 234.064 0 0 1 -143.342-48.444 237.546 237.546 0 0 1 -83.652-122.438z"/><circle cx="200" cy="48" r="24"/><circle cx="56" cy="192" r="24"/><circle cx="109" cy="101" r="24"/></g><path d="m48 480a24 24 0 0 1 -24-24v-144a24 24 0 0 1 29.206-23.429l144 32a24 24 0 1 1 -10.412 46.858l-114.794-25.51v114.081a24 24 0 0 1 -24 24z" fill="currentColor"/></svg>
1610 Your video is being processed, We’ll let you know when it's ready to view. </p> 1611 </div> 1612 1613 </div> 1614</div> 1615<div class="modal fade in" id="file_not_supported" role="dialog"> 1616 <div class="modal-dialog wow_mat_mdl"> 1617 1618 <div class="modal-content"> 1619 <p class="wo_error_messages"> 1620 <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg> 1621 Unable to upload a file: This file type is not supported. </p> 1622 </div> 1623 1624 </div> 1625</div> 1626<div class="modal fade" id="modal_light_box" role="dialog"> 1627 <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> 1628 <div class="modal-dialog" > 1629 <div class="modal-content"> 1630 <div class="modal-body" style="padding: 0;"> 1631 <img class="image" style="width: 100%;" > 1632 </div> 1633 </div> 1634 </div> 1635</div> 1636<div class="modal fade in" id="adult_image_file" role="dialog"> 1637 <div class="modal-dialog wow_mat_mdl"> 1638 1639 <div class="modal-content"> 1640 <p class="wo_error_messages"> 1641 <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg> 1642 We have detected some adult content on the image you uploaded, therefore we have declined your upload process. </p> 1643 </div> 1644 1645 </div> 1646</div> 1647<div class="modal fade" id="share_post_on_group" role="dialog"> 1648 <div class="modal-dialog modal-sm"> 1649 <div class="modal-content"> 1650 <div class="modal-header"> 1651 <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> 1652 <h4 class="modal-title"> 1653 Share post on a group </h4> 1654 </div> 1655 <form id="share_post_on_group_form" class="share_post_on_group_form" method="POST"> 1656 <div class="modal-body"> 1657 <div id="share_post_on_group_form_alert"></div> 1658 <div class="form-group input-group"> 1659 <span class="input-group-addon pointer"> 1660 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#03A9F4;"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg> 1661 </span> 1662 <input onkeydown="SearchFor(this,'group')" type="text" class="form-control" name="name" placeholder="Please write the group name"> 1663 <input type="hidden" id="SearchForInputGroup" name="group_id"> 1664 <input type="hidden" id="SearchForInputPostId" name="post_id"> 1665 </div> 1666 </div> 1667 <div class="modal-footer"> 1668 <div class="ball-pulse"><div></div><div></div><div></div></div> 1669 <button id="share_post_on_group_form_btn" type="button" class="btn btn-main"> 1670 Share </button> 1671 </div> 1672 </form> 1673 </div> 1674 </div> 1675</div> 1676<div class="modal fade" id="share_post_on_page" role="dialog"> 1677 <div class="modal-dialog modal-sm"> 1678 <div class="modal-content"> 1679 <div class="modal-header"> 1680 <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> 1681 <h4 class="modal-title"> 1682 Share to a page </h4> 1683 </div> 1684 <form id="share_post_on_page_form" class="share_post_on_page_form" method="POST"> 1685 <div class="modal-body"> 1686 <div id="share_post_on_page_form_alert"></div> 1687 <div class="form-group input-group">
1688 <span class="input-group-addon pointer"> 1689 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#f79f58;"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg> 1690 </span> 1691 <input onkeydown="SearchFor(this,'page')" type="text" class="form-control" name="name" placeholder="Please type the page name"> 1692 <input type="hidden" id="SearchForInputPage" name="page_id"> 1693 <input type="hidden" id="SearchForInputPostIdPage" name="post_id"> 1694 </div> 1695 </div> 1696 <div class="modal-footer"> 1697 <div class="ball-pulse"><div></div><div></div><div></div></div> 1698 <button id="share_post_on_page_form_btn" type="button" class="btn btn-main"> 1699 Share </button> 1700 </div> 1701 </form> 1702 </div> 1703 </div> 1704</div> 1705<div class="modal fade" id="share_post_on_user" role="dialog"> 1706 <div class="modal-dialog modal-sm"> 1707 <div class="modal-content"> 1708 <div class="modal-header"> 1709 <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> 1710 <h4 class="modal-title"> 1711 Share to user </h4> 1712 </div> 1713 <form id="share_post_on_page_form" class="share_post_on_user_form" method="POST"> 1714 <div class="modal-body"> 1715 <div id="share_post_on_user_form_alert"></div> 1716 <div class="form-group input-group"> 1717 <span class="input-group-addon pointer"> 1718 <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-share" style="margin-top: -4px;width: 19px;height: 19px;"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg> 1719 </span> 1720 <input onkeydown="SearchFor(this,'user')" type="text" class="form-control" name="name" placeholder="Username"> 1721 <input type="hidden" id="SearchForInputUser" name="user_id"> 1722 <input type="hidden" id="SearchForInputUserPostId" name="post_id"> 1723 </div> 1724 </div> 1725 <div class="modal-footer"> 1726 <div class="ball-pulse"><div></div><div></div><div></div></div> 1727 <button id="share_post_on_user_form_btn" type="button" class="btn btn-main"> 1728 Share </button> 1729 </div> 1730 </form> 1731 </div> 1732 </div> 1733</div> 1734 1735 1736<div class="modal fade sun_modal" id="views-info-modal" role="dialog"> 1737 <div class="modal-dialog"> 1738 <div class="modal-content"> 1739 <div class="modal-header"> 1740 <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> 1741 <h4 class="modal-title"><span id="views_info_title"></span></h4> 1742 </div> 1743 <div class="modal-body"> 1744 <div id="views_info" class="wo_react_ursrs_list"></div> 1745 <div class="clearfix"></div> 1746 <div id="views_info_load" style="display: none;"> 1747 <div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor"> 1748 <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> 1749 </button> 1750 </div>
1751 </div> 1752 </div> 1753 </div> 1754 </div> 1755</div> 1756 1757<div class="modal fade sun_modal" id="users-reacted-modal" role="dialog"> 1758 <div class="modal-dialog wow_mat_mdl"> 1759 <div class="modal-content"> 1760 <div class="modal-header"> 1761 <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> 1762 <h4 class="modal-title"> 1763 <div class="who_react_modal"> 1764 1765 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);"> 1766 <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/EAufYfaIkYQEsYzwvZha_01_4bafb7db09656e1ecb54d195b26be5c3_file.svg"></div></div> 1767 </span> 1768 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);"> 1769 <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/2MRRkhb7rDhUNuClfOfc_01_76c3c700064cfaef049d0bb983655cd4_file.svg"></div></div> 1770 </span> 1771 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);"> 1772 <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/D91CP5YFfv74GVAbYtT7_01_288940ae12acf0198d590acbf11efae0_file.svg"></div></div> 1773 </span> 1774 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);"> 1775 <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/cFNOXZB1XeWRSdXXEdlx_01_7d9c4adcbe750bfc8e864c69cbed3daf_file.svg"></div></div> 1776 </span> 1777 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);"> 1778 <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/yKmDaNA7DpA7RkCRdoM6_01_eb391ca40102606b78fef1eb70ce3c0f_file.svg"></div></div> 1779 </span> 1780 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);"> 1781 <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/iZcVfFlay3gkABhEhtVC_01_771d67d0b8ae8720f7775be3a0cfb51a_file.svg"></div></div> 1782 </span> 1783 1784 1785 <!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');"> 1786 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--like"><div class="emoji__hand"><div class="emoji__thumb"></div></div></div></div> 1787 </span> 1788 <span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');"> 1789 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div> 1790 </span> 1791 <span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');"> 1792 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--haha"><div class="emoji__face"><div class="emoji__eyes"></div><div class="emoji__mouth"><div class="emoji__tongue"></div></div></div></div></div> 1793 </span> 1794 <span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');"> 1795 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--wow"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> 1796 </span> 1797 <span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');"> 1798 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--sad"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> 1799 </span> 1800 <span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');"> 1801 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--angry"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> 1802 </span> --> 1803 </div> 1804 </h4> 1805 </div> 1806 <div class="modal-body"> 1807 <div id="reacted_users_box" class="wo_react_ursrs_list"></div> 1808 <div class="clearfix"></div> 1809 <div id="reacted_users_load" style="display: none;"> 1810 <div class="load-more wo_react_ursrs_list_lod_mor"> 1811 <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> 1812 </button> 1813 </div>
1814 </div> 1815 </div> 1816 </div> 1817 </div> 1818</div> 1819 1820 1821<div class="modal fade in" id="approve_post" role="dialog"> 1822 <div class="modal-dialog wow_mat_mdl"> 1823 <div class="modal-content"> 1824 <div class="empty_state" style="margin: 40px 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10A3,3 0 0,0 9,13M20,19.59V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18C18.45,22 18.85,21.85 19.19,21.6L14.76,17.17C13.96,17.69 13,18 12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13C17,14 16.69,14.96 16.17,15.75L20,19.59Z" /></svg> Your post was submitted, we will review your content soon.</div> 1825 </div> 1826 </div> 1827</div> 1828 1829<div class="modal fade in" id="error_post" role="dialog"> 1830 <div class="modal-dialog wow_mat_mdl"> 1831 1832 <div class="modal-content"> 1833 <p class="wo_error_messages" id="error_post_text"> 1834 </p> 1835 </div> 1836 1837 </div> 1838</div> 1839 1840<div class="modal fade in" id="pro_upload_file" role="dialog"> 1841 <div class="modal-dialog wow_mat_mdl"> 1842 1843 <div class="modal-content"> 1844 <p class="wo_error_messages"> 1845 <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg> 1846 To upload images, videos, and audio files, you have to upgrade to pro member. <a href="https://userinterface.us/go-pro">Upgrade To Pro</a> 1847 </p> 1848 </div> 1849 1850 </div> 1851</div> 1852 1853<div class="modal fade sun_modal" id="edit-offer-modal" role="dialog"> 1854<div class="modal-dialog"> 1855 <div class="modal-content"> 1856 <div class="modal-header"> 1857 <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> 1858 <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> 1859 </div> 1860 <div class="modal-body"> 1861 <div class="wo_settings_page"> 1862 <form class="edit-offer-form form-horizontal" method="post"> 1863 <div class="app-offer-alert app-general-alert"></div> 1864 <div class="clear"></div> 1865 <div class="setting-panel row job-setting-panel edit_offer_modal_form"> 1866 1867 1868 </div> 1869 1870 <div class="publisher-hidden-option"> 1871 <div id="progress" class="create-offer-progress"> 1872 <span id="percent" class="create-product-percent pull-right">0%</span> 1873 <div class="progress"> 1874 <div id="bar" class="progress-bar active create-product-bar"></div> 1875 </div> 1876 <div class="clear"></div> 1877 </div> 1878 </div> 1879 1880 1881 <div class="form-group last-sett-btn modal-footer"> 1882 <div class="ball-pulse"><div></div><div></div><div></div></div> 1883 <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button> 1884 </div> 1885 </form> 1886 </div> 1887 </div> 1888 </div> 1889</div> 1890</div> 1891 1892 1893 1894<div class="modal fade" id="add_tier_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;"> 1895 <div class="modal-dialog"> 1896 <div class="modal-content"> 1897 <div class="modal-header"> 1898 <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> 1899 <h4 class="modal-title">Add tier</h4> 1900 </div> 1901 <form class="form form-horizontal tier_form" method="post" action="#"> 1902 <div class="modal-body twocheckout_modal"> 1903 <div class="modal_add_tier_modal_alert"></div> 1904 <div class="clear"></div> 1905 <div class="sun_input col-md-6"> 1906 <input name="title" type="text" class="form-control input-md" autocomplete="off" placeholder="Tier title"> 1907 <label class="plr15">Tier title</label> 1908 </div> 1909 <div class="sun_input col-md-6"> 1910 <input name="price" type="number" class="form-control input-md" autocomplete="off" placeholder="Tier price"> 1911 <label class="plr15">Tier price</label> 1912 </div> 1913 <div class=" col-lg-12"> 1914 <label class="plr15">Benefits</label> 1915 <br> 1916 <input type="checkbox" name="benefits[]" value="chat" onclick="ShowBenefitsChat(this)"> 1917 <label>Chat</label><br> 1918 <div class="add_benefits_chat" style="display: none;">
1919 <input type="radio" id="benefits_chat_1" name="chat" value="chat_without_audio_video"> 1920 <label for="benefits_chat_1">Chat without audio and video call</label><br> 1921 <input type="radio" id="benefits_chat_2" name="chat" value="chat_with_audio_without_video"> 1922 <label for="benefits_chat_2">Chat with audio call and without video call</label><br> 1923 <input type="radio" id="benefits_chat_3" name="chat" value="chat_without_audio_with_video"> 1924 <label for="benefits_chat_3">Chat without audio call and with video call</label><br> 1925 <input type="radio" id="benefits_chat_4" name="chat" value="chat_with_audio_video"> 1926 <label for="benefits_chat_4">Chat with audio and video call</label><br> 1927 </div> 1928 <input type="checkbox" name="benefits[]" value="live_stream"> 1929 <label>Live Stream</label><br> 1930 </div> 1931 <div class="sun_input col-md-12"> 1932 <textarea class="form-control input-md" placeholder="Tier description" name="description"></textarea> 1933 <label class="plr15">Tier description</label> 1934 </div> 1935 <div class="clear"></div> 1936 <div class="form-group col-lg-12"> 1937 <label class="col-md-12">Tier image:</label> 1938 <div class="col-md-12"> 1939 <div class="select_ev_covr" id="select_tier_image"> 1940 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H14.09C14.03,20.67 14,20.34 14,20C14,19.32 14.12,18.64 14.35,18H5L8.5,13.5L11,16.5L14.5,12L16.73,14.97C17.7,14.34 18.84,14 20,14C20.34,14 20.67,14.03 21,14.09V5C21,3.89 20.1,3 19,3H5M19,16V19H16V21H19V24H21V21H24V19H21V16H19Z" /></svg> 1941 Select an image 1942 </div> 1943 </div> 1944 </div> 1945 </div> 1946 <input type="file" name="image" class="hidden" id="tier_image"> 1947 <div class="clear"></div> 1948 <div class="modal-footer"> 1949 <div class="ball-pulse"><div></div><div></div><div></div></div> 1950 <button type="submit" class="btn btn-main btn-mat">Add</button> 1951 </div> 1952 </form> 1953 </div> 1954 </div> 1955</div> 1956<div class="modal fade" id="delete-tier" tabindex="-1" role="dialog" aria-labelledby="delete-tier" aria-hidden="true" data-id="0"> 1957 <div class="modal-dialog mat_box" role="document"> 1958 <div class="modal-content"> 1959 <div class="modal-header"> 1960 <h5 class="modal-title"> Delete your tier</h5> 1961 </div> 1962 <div class="modal-body"> 1963 Are you sure you want to delete this tier? </div> 1964 <div class="modal-footer"> 1965 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1966 <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button> 1967 </div> 1968 </div> 1969 </div> 1970</div> 1971<div class="modal fade sun_modal" id="show_product_reviews_modal" role="dialog"> 1972 <div class="modal-dialog wow_mat_mdl"> 1973 <div class="modal-content check_reviews"> 1974 <div class="modal-header"> 1975 <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> 1976 <h4 class="modal-title">Reviews</h4> 1977 </div> 1978 <div class="modal-body"> 1979 <div id="show_product_reviews_modal_info" class="wo_react_ursrs_list"></div> 1980 <div class="clearfix"></div> 1981 <div id="show_product_reviews_modal_info_load" style="display: none;"> 1982 <div class="load-more"> 1983 <button class="btn btn-default text-center" data-type="" post-id="" table-type="" onclick="Wo_LoadReviews();"><span id="show_product_reviews_load_text">Load more</span></button> 1984 </div> 1985 </div> 1986 </div> 1987 </div> 1988 </div> 1989</div> 1990 1991<div class="modal fade in" id="monetization_modal" role="dialog"> 1992 <div class="modal-dialog wow_mat_mdl"> 1993 1994 <div class="modal-content"> 1995 <p class="wo_error_messages"> 1996 <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg> 1997 In order to sell your content and posts, start by creating a few packages. <a href="https://userinterface.us/setting&user=&page=monetization">Monetization</a> 1998 </p> 1999 </div> 2000 2001 </div> 2002</div> 2003 <!-- <div id="node-js-templates"> 2004 <div> --> 2005 2006 2007 2008 2009 <!-- JS FILES --> 2010 2011
2011<script type="text/javascript" src="https://userinterface.us/themes/sunshine/javascript/welcome.js?version=4.3.4"></script>
2011 2012
2012<script type="text/javascript"> 2013 const node_socket_flow = "0" 2014 </script>
2014 2015
2015<script type="text/javascript" src="https://userinterface.us/themes/sunshine/javascript/script.js?version=4.3.4"></script>
2015 2016 <div class="extra-css"></div> 2017
2017<script>$(document).ready(function() {$('div.leftcol').theiaStickySidebar({additionalMarginTop: 78});});</script>
2017 2018
2018<script type="text/javascript">jQuery(document).ready(function() {jQuery('.custom-fixed-element').theiaStickySidebar({additionalMarginTop: 78});});</script>
2018 2019 2020 <!-- End 'JS FILES' --> 2021
2021<script type="text/javascript"> 2022 (function (factory) { 2023 if (typeof define === 'function' && define.amd) { 2024 // AMD. Register as an anonymous module. 2025 define(['jquery'], factory); 2026 } else { 2027 // Browser globals 2028 factory(jQuery); 2029 } 2030}(function ($) { 2031 $.timeago = function(timestamp) { 2032 if (timestamp instanceof Date) { 2033 return inWords(timestamp); 2034 } else if (typeof timestamp === "string") { 2035 return inWords($.timeago.parse(timestamp)); 2036 } else if (typeof timestamp === "number") { 2037 return inWords(new Date(timestamp)); 2038 } else { 2039 return inWords($.timeago.datetime(timestamp)); 2040 } 2041 }; 2042 var $t = $.timeago; 2043 2044 $.extend($.timeago, { 2045 settings: { 2046 refreshMillis: 60000, 2047 allowPast: true, 2048 allowFuture: false, 2049 localeTitle: false, 2050 cutoff: 0, 2051 strings: { 2052 prefixAgo: null, 2053 prefixFromNow: null, 2054 suffixAgo: "ago", 2055 suffixFromNow: "from now", 2056 inPast: "any moment now", 2057 seconds: "now", 2058 minute: "minute", 2059 minutes: "minutes", 2060 hour: "hour", 2061 hours: "hours", 2062 day: "day", 2063 days: "days", 2064 week: "Week", 2065 weeks: "Weeks", 2066 month: "month", 2067 months: "months", 2068 year: "year", 2069 years: "years", 2070 wordSeparator: " ", 2071 numbers: [] 2072 } 2073 }, 2074 2075 inWords: function(distanceMillis,type = '') { 2076 if(!this.settings.allowPast && ! this.settings.allowFuture) { 2077 throw 'timeago allowPast and allowFuture settings can not both be set to false.'; 2078 } 2079 2080 var $l = this.settings.strings; 2081 var prefix = $l.prefixAgo; 2082 var suffix = $l.suffixAgo; 2083 if (this.settings.allowFuture) { 2084 if (distanceMillis < 0) { 2085 prefix = $l.prefixFromNow; 2086 suffix = $l.suffixFromNow; 2087 } 2088 } 2089 2090 if(!this.settings.allowPast && distanceMillis >= 0) { 2091 return this.settings.strings.inPast; 2092 } 2093 2094 var seconds = Math.abs(distanceMillis) / 1000; 2095 var minutes = seconds / 60; 2096 var hours = minutes / 60; 2097 var days = hours / 24; 2098 var weeks = days / 7; 2099 var years = days / 365; 2100 2101 function substitute(stringOrFunction, number) { 2102 var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction; 2103 var value = ($l.numbers && $l.numbers[number]) || number; 2104 return number+' '+string.replace(/%d/i, value); 2105 //return string.replace(/%d/i, value); 2106 } 2107 2108 // var words = seconds < 45 && substitute($l.seconds, '') || 2109 // seconds < 90 && substitute('m', 1) || 2110 // minutes < 45 && substitute('m', Math.round(minutes)) || 2111 // minutes < 90 && substitute('h', 1) || 2112 // hours < 24 && substitute('hrs', Math.round(hours)) || 2113 // hours < 42 && substitute('d', 1) || 2114 // days < 7 && substitute('d', Math.round(days)) || 2115 // weeks < 2 && substitute('w', 1) || 2116 // weeks < 52 && substitute('w', Math.round(weeks)) || 2117 // years < 1.5 && substitute('y', 1) || 2118 // substitute('yrs', Math.round(years)); 2119 var words = ''; 2120 if (type != 'notification') { 2121 if (seconds < 45) { 2122 words = substitute($l.seconds, ''); 2123 } 2124 else if (seconds < 90) { 2125 words = substitute('m', 1); 2126 } 2127 else if (minutes < 45) { 2128 words = substitute('m', Math.round(minutes)); 2129 } 2130 else if (minutes < 90) { 2131 words = substitute('h', 1); 2132 } 2133 else if (hours < 24) { 2134 words = substitute('hrs', Math.round(hours)); 2135 } 2136 else if (hours < 42) { 2137 words = substitute('d', 1); 2138 } 2139 else if (days < 7) { 2140 words = substitute('d', Math.round(days)); 2141 } 2142 else if (weeks < 2) { 2143 words = substitute('w', 1); 2144 } 2145 else if (weeks < 52) { 2146 words = substitute('w', Math.round(weeks)); 2147 } 2148 else if (years < 1.5) { 2149 words = substitute('y', 1); 2150 } 2151 else { 2152 words = substitute('yrs', Math.round(years)); 2153 } 2154 } 2155 else{ 2156 if (seconds < 45) { 2157 words = substitute($l.seconds, ''); 2158 } 2159 else if (seconds < 90) { 2160 words = substitute($l.minute + ' ago', 1); 2161 } 2162 else if (minutes < 45) { 2163 words = substitute($l.minutes + ' ago', Math.round(minutes)); 2164 } 2165 else if (minutes < 90) { 2166 words = substitute($l.hour + ' ago', 1); 2167 } 2168 else if (hours < 24) { 2169 words = substitute($l.hours + ' ago', Math.round(hours)); 2170 } 2171 else if (hours < 42) { 2172 words = substitute($l.day + ' ago', 1); 2173 } 2174 else if (days < 7) { 2175 words = substitute($l.days + ' ago', Math.round(days)); 2176 } 2177 else if (weeks < 2) { 2178 words = substitute($l.week + ' ago', 1); 2179 } 2180 else if (weeks < 52) { 2181 words = substitute($l.weeks + ' ago', Math.round(weeks)); 2182 } 2183 else if (years < 1.5) { 2184 words = substitute($l.year + ' ago', 1); 2185 } 2186 else { 2187 words = substitute($l.years + ' ago', Math.round(years)); 2188 } 2189 } 2190 2191 2192 2193 2194 var separator = $l.wordSeparator || ""; 2195 if ($l.wordSeparator === undefined) { separator = " "; } 2196 2197 2198 return $.trim([prefix, words].join(separator)); 2199 2200 }, 2201 2202 parse: function(iso8601) { 2203 var s = $.trim(iso8601); 2204 s = s.replace(/\.\d+/,""); // remove milliseconds 2205 s = s.replace(/-/,"/").replace(/-/,"/"); 2206 s = s.replace(/T/," ").replace(/Z/," UTC"); 2207 s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400 2208 s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900 2209 return new Date(s); 2210 }, 2211 datetime: function(elem) { 2212 var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title"); 2213 return $t.parse(iso8601); 2214 }, 2215 isTime: function(elem) { 2216 // jQuery's `is()` doesn't play well with HTML5 in IE 2217 return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time"); 2218 } 2219 }); 2220 2221 // functions that can be called via $(el).timeago('action') 2222 // init is default when no action is given 2223 // functions are called with context of a single element 2224 var functions = { 2225 init: function(){ 2226 var refresh_el = $.proxy(refresh, this); 2227 refresh_el(); 2228 var $s = $t.settings; 2229 if ($s.refreshMillis > 0) { 2230 this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis); 2231 } 2232 }, 2233 update: function(time){ 2234 var parsedTime = $t.parse(time); 2235 $(this).data('timeago', { datetime: parsedTime }); 2236 if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleStr
2236ing()); 2237 refresh.apply(this); 2238 }, 2239 updateFromDOM: function(){ 2240 $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) }); 2241 refresh.apply(this); 2242 }, 2243 dispose: function () { 2244 if (this._timeagoInterval) { 2245 window.clearInterval(this._timeagoInterval); 2246 this._timeagoInterval = null; 2247 } 2248 } 2249 }; 2250 2251 $.fn.timeago = function(action, options) { 2252 var fn = action ? functions[action] : functions.init; 2253 if(!fn){ 2254 throw new Error("Unknown function name '"+ action +"' for timeago"); 2255 } 2256 // each over objects here and call the requested function 2257 this.each(function(){ 2258 fn.call(this, options); 2259 }); 2260 return this; 2261 }; 2262 2263 function refresh() { 2264 var data = prepareData(this); 2265 var $s = $t.settings; 2266 2267 if (!isNaN(data.datetime)) { 2268 if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) { 2269 let tType = ''; 2270 if ($(this).hasClass('notification-time')) { 2271 tType = 'notification'; 2272 } 2273 $(this).text(inWords(data.datetime,tType)); 2274 } 2275 } 2276 return this; 2277 } 2278 2279 function prepareData(element) { 2280 element = $(element); 2281 if (!element.data("timeago")) { 2282 element.data("timeago", { datetime: $t.datetime(element) }); 2283 var text = $.trim(element.text()); 2284 if ($t.settings.localeTitle) { 2285 element.attr("title", element.data('timeago').datetime.toLocaleString()); 2286 } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) { 2287 element.attr("title", text); 2288 } 2289 } 2290 return element.data("timeago"); 2291 } 2292 2293 function inWords(date,type) { 2294 return $t.inWords(distance(date),type); 2295 } 2296 2297 function distance(date) { 2298 return (new Date().getTime() - date.getTime()); 2299 } 2300 2301 // fix for IE6 suckage 2302 document.createElement("abbr"); 2303 document.createElement("time"); 2304})); 2305 2306 2307$(function () { 2308 setInterval(function () { 2309 2310 if ( $('.ajax-time').length > 0) { 2311 $('.ajax-time').timeago() 2312 .removeClass('.ajax-time'); 2313 } 2314 }, 2315 1000); 2316}); 2317</script>
2317 2318 <!-- Audio FILES --> 2319 2320 <!-- End 'Audio FILES' --> 2321
2321<script> 2322 function _getSession(cname) { 2323 return ''; 2324 } 2325 function ReadMoreText(selector) { 2326 let text = "Read More"; 2327 if (typeof selector == 'object') { 2328 selector = $(selector).attr('class'); 2329 } 2330 for (var i = 0; i < $(selector).length; i++) { 2331 var t = $(selector)[i]; 2332 if (!$(t).hasClass('ReadMoreAdded') && $(t).text().trim().length > 0 && $(t).height() > 190) { 2333 var c = new Date().getUTCMilliseconds() + (Math.floor(Math.random() * 9999)) + 100 + "_" + i; 2334 $(t).addClass(c); 2335 $(t).addClass('ReadMoreAdded'); 2336 $(t).css({ maxHeight: "160px" }) 2337 $(t).after('<a href="javascript:void(0)" onclick="ShowReadMoreText(\'.'+c+'\',this)">'+text+'</a>'); 2338 } 2339 } 2340 } 2341 function ShowReadMoreText(selector,self) { 2342 let text = "Read less"; 2343 $(selector).css({ maxHeight: "" }) 2344 $(self).replaceWith('<a href="javascript:void(0)" onclick="HideReadMoreText(\''+selector+'\',this)">'+text+'</a>') 2345 } 2346 function HideReadMoreText(selector,self) { 2347 let text = "Read more"; 2348 $(selector).css({ maxHeight: "160px" }) 2349 $(self).replaceWith('<a href="javascript:void(0)" onclick="ShowReadMoreText(\''+selector+'\',this)">'+text+'</a>') 2350 }
2351 let f = navigator.userAgent.search("Firefox"); 2352 if (f > -1) { 2353 $('.header-brand').attr('href', "https://userinterface.us/?cache=1790854595"); 2354 } 2355 function ShowCommentGif(id,type) { 2356 $( ".gif_post_comment" ).each(function( index ) { 2357 if ($( this ).attr('id') != 'gif-form-'+id) { 2358 $( this ).slideUp(); 2359 } 2360 }); 2361 $('#gif-form-'+id).slideToggle(200); 2362 $('.gif_post_comment_gif').html(''); 2363 } 2364 function GifScrolledC(self) { 2365 if ((($(self).prop("scrollHeight") - $(self).height()) - $(self).scrollTop()) < 300) { 2366 id = $(self).attr('GId'); 2367 type = $(self).attr('GType'); 2368 word = $(self).attr('GWord'); 2369 offset = $(self).attr('GOffset'); 2370 SearchForGif(word,id,type,offset); 2371 } 2372 } 2373 function SearchForGif(keyword,id = 0,type = '',offset = 0) { 2374 2375 if ($('#publisher-box-stickers-cont-'+id).attr('GWord') != keyword) { 2376 $('#publisher-box-stickers-cont-'+id).empty(); 2377 $('#publisher-box-stickers-cont-'+id).attr('GOffset', 0); 2378 $('#publisher-box-stickers-cont-'+id).attr('GWord', keyword); 2379 } 2380 else{ 2381 $('#publisher-box-stickers-cont-'+id).attr('GOffset', parseInt($('#publisher-box-stickers-cont-'+id).attr('GOffset')) + 20); 2382 } 2383 Wo_Delay(function(){ 2384 $.ajax({
2385 url: 'https://api.giphy.com/v1/gifs/search?', 2386 type: 'GET', 2387 dataType: 'json', 2388 data: {q:keyword,api_key:'420d477a542b4287b2bf91ac134ae041', limit: 20,offset: offset}, 2389 }) 2390 .done(function(data) { 2391 if (data.meta.status == 200 && data.data.length > 0) { 2392 var appended = false; 2393 for (var i = 0; i < data.data.length; i++) { 2394 appended = true; 2395 if (appended == true) { 2396 appended = false; 2397 if (type == 'story') { 2398 $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostCommentGif_'+id+'(this,'+id+')" autoplay loop>')); 2399 } 2400 else{ 2401 $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostReplyCommentGif_'+id+'(this,'+id+')" autoplay loop>')); 2402 } 2403 appended = true; 2404 } 2405 } 2406 var images = 0; 2407 Wo_ElementLoad($('img[alt=gif]'), function(){ 2408 images++; 2409 }); 2410 if (data.data.length == images || images >= 5) { 2411 2412 } 2413 } 2414 else{ 2415 $('#publisher-box-stickers-cont-'+id).html('<p class="no_gifs_found"><i class="fa fa-frown-o"></i> No result to show</p>'); 2416 } 2417 }) 2418 .fail(function() { 2419 console.log("error"); 2420 }) 2421 },100); 2422 } 2423 function ShowCommentStickers(id,type) { 2424 $('.gif_post_comment').slideUp(200); 2425 $('.gif_post_comment_gif').html(''); 2426 $('#sticker-form-'+id).slideToggle(200); 2427 $('.chat-box-stickers-cont').empty(); 2428 functionName = "Wo_PostReplyCommentSticker_"+id+"(this,"+id+");"; 2429 if (type == 'story') { 2430 functionName = "Wo_PostCommentSticker_"+id+"(this,"+id+");"; 2431 } 2432 2433 sticker = '<div class="empty_state" style="margin: 15px 0 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5,2C3.56,2 2,3.56 2,5.5V18.5C2,20.44 3.56,22 5.5,22H16L22,16V5.5C22,3.56 20.44,2 18.5,2H5.5M5.75,4H18.25A1.75,1.75 0 0,1 20,5.75V15H18.5C16.56,15 15,16.56 15,18.5V20H5.75A1.75,1.75 0 0,1 4,18.25V5.75A1.75,1.75 0 0,1 5.75,4M14.44,6.77C14.28,6.77 14.12,6.79 13.97,6.83C13.03,7.09 12.5,8.05 12.74,9C12.79,9.15 12.86,9.3 12.95,9.44L16.18,8.56C16.18,8.39 16.16,8.22 16.12,8.05C15.91,7.3 15.22,6.77 14.44,6.77M8.17,8.5C8,8.5 7.85,8.5 7.7,8.55C6.77,8.81 6.22,9.77 6.47,10.7C6.5,10.86 6.59,11 6.68,11.16L9.91,10.28C9.91,10.11 9.89,9.94 9.85,9.78C9.64,9 8.95,8.5 8.17,8.5M16.72,11.26L7.59,13.77C8.91,15.3 11,15.94 12.95,15.41C14.9,14.87 16.36,13.25 16.72,11.26Z"></path></svg> No result to show</div>'; 2434 $('#publisher-box-sticker-cont-'+id).html(sticker); 2435 2436 } 2437 $(window).on("popstate", function (e) { 2438 location.reload(); 2439 }); 2440 /*Language Select*/ 2441 $(document).ready(function(){ 2442 $("#wo_language_modal .language_select .English").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/united-states.svg"/></span> '); 2443 $("#wo_language_modal .language_select .Arabic").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/saudi-arabia.svg"/></span> '); 2444 $("#wo_language_modal .language_select .Dutch").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/netherlands.svg"/></span> '); 2445 $("#wo_language_modal .language_select .French").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/france.svg"/></span> '); 2446 $("#wo_language_modal .language_select .German").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/germany.svg"/></span> '); 2447 $("#wo_language_modal .language_select .Hungarian, #wo_language_modal .language_select .Magyar").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/hungary.svg"/></span> '); 2448 $("#wo_language_modal .language_select .Italian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/italy.svg"/></span> '); 2449 $("#wo_language_modal .language_select .Portuguese").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/portugal.svg"/></span> '); 2450 $("#wo_language_modal .language_select .Russian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/russia.svg"/></span> '); 2451 $("#wo_language_modal .language_select .Spanish").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/spain.svg"/></span> '); 2452 $("#wo_language_modal .language_select .Serbian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/serbia.svg"/></span> '); 2453 $("#wo_language_modal .language_select .Turkish").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/turkey.svg"/></span> '); 2454 }); 2455 /* 2456 2457The code entered here will be added in <footer> tag 2458 2459*/ </script>
2459 2460
2460<script> 2461 window.addEventListener("load", function(){ 2462 window.cookieconsent.initialise({ 2463 "palette": { 2464 "popup": { 2465 "background": "#1e2321", 2466 "text": "#fff" 2467 }, 2468 "button": { 2469 "background": "#c64d53" 2470 } 2471 }, 2472 "theme": "classic", 2473 "content": { 2474 "message": "This website uses cookies to ensure you get the best experience on our website.", 2475 "dismiss": "Got It!", 2476 "link": "Learn More", 2477 "href": "https://userinterface.us/terms/privacy-policy" 2478 } 2479 })}); 2480 </script>
2480 2481 2482 <!-- // NEW STORY --> 2483
2483<script type="text/javascript"> 2484 $(document).on('mouseover', '.story_lightbox', function(event) { 2485 $('.width_').css('width', $('.width_').css('width')); 2486 value = $(this).attr('data-post-id'); 2487 $(this).addClass('dont_close_story_'+value); 2488 }); 2489 $(document).on('mouseleave', '.story_lightbox', function(event) { 2490 Wo_Delay(function(){ 2491 if ($('#users-reacted-modal').is(':hidden')) { 2492 value = $(this).attr('data-post-id'); 2493 $(this).removeClass('dont_close_story_'+value); 2494 setTimeout(function(){ 2495 $('.width_').css('width', '100%'); 2496 }, 700); 2497 Wo_Delay(function(){ 2498 if ($('.dont_close_story_'+value).length == 0) { 2499 $('.story_lightbox').find('.next-btn').click(); 2500 } 2501 }, 10000); 2502 } 2503 }, 500); 2504 2505 }); 2506 $(document).on('click', '.story-image-wrapper', function(event) { 2507 event.preventDefault(); 2508 $('#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>'); 2509 2510 $value = $(this).parents(".story-container").attr('data-status-id'); 2511 $.post(Wo_Ajax_Requests_File() + '?f=story_view', {id: $value}, function(data, textStatus, xhr) { 2512 if (data.status == 200) { 2513 document.body.style.overflow = 'hidden'; 2514 $('.lightbox-container').html(data.html); 2515 $('.width_').addClass('load'); 2516 setTimeout(function(){ 2517 $('.width_').css('width', '100%'); 2518 }, 200); 2519 Wo_Delay(function(){ 2520 if ($('.dont_close_story_'+$value).length == 0) { 2521 Get_NextStory(data.story_id); 2522 } 2523 }, 10000); 2524 } 2525 else{ 2526 Wo_CloseLightbox(); 2527 } 2528 }); 2529 }); 2530 2531 function Wo_GetMoreStoryViews(story_id,self) { 2532 last_view = $('.story_views_').last().attr('id'); 2533 $(self).addClass('dont_close_story_'+story_id); 2534 $(self).find('span').html('Please wait..'); 2535 $.post(Wo_Ajax_Requests_File() + '?f=story_views_', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) { 2536 if (data.status == 200) { 2537 $(self).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather"><polyline points="6 9 12 15 18 9"></polyline></svg> Load more'); 2538 2539 $('.views_container_').append(data.html); 2540 } 2541 else{ 2542 $(self).find('button').html('No more views'); 2543 2544 } 2545 }); 2546 } 2547 $(document).on('click', '.see_all_stories', function(event) { 2548 event.preventDefault(); 2549 $('#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="indef
2549inite" 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>'); 2550 user_id = $(this).attr('data_story_user_id'); 2551 type = $(this).attr('data_story_type'); 2552 $.post(Wo_Ajax_Requests_File() + '?f=view_all_stories', {user_id: user_id,type:type}, function(data, textStatus, xhr) { 2553 if (node_socket_flow == "1") { 2554 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 2555 } 2556 document.body.style.overflow = 'hidden'; 2557 $('.lightbox-container').html(data.html); 2558 setTimeout(function(){ 2559 video_story = $('#video_story').attr('data-story-video'); 2560 if ($('[data-story-video='+video_story+']').length == 0) { 2561 2562 $('.width_').addClass('load'); 2563 setTimeout(function(){ 2564 $('.width_').css('width', '100%'); 2565 }, 200); 2566 Wo_Delay(function(){ 2567 value = $('.user_story_').attr('id'); 2568 2569 if ($('.dont_close_story_'+value).length == 0) { 2570 if (type == 'user') { 2571 Get_NextStory(data.story_id); 2572 } 2573 else{ 2574 2575 Get_NextStory(data.story_id,'friends'); 2576 } 2577 } 2578 }, 10000); 2579 } 2580 }, 200); 2581 }); 2582 }); 2583 function Get_PreviousStory(story_id,story_type = '') { 2584 if ($('.lightbox-container').is(":visible")) { 2585 2586 Wo_CloseLightbox(); 2587 $('#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>'); 2588 $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'previous',story_type:story_type}, function(data, textStatus, xhr) { 2589 user_id = $(this).attr('data_story_user_id'); 2590 if (node_socket_flow == "1") { 2591 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 2592 } 2593 if (data.status == 200) { 2594 document.body.style.overflow = 'hidden'; 2595 $('.lightbox-container').html(data.html); 2596 video_story = $('#video_story').attr('data-story-video'); 2597 if ($('[data-story-video='+video_story+']').length == 0) { 2598 $('.width_').addClass('load'); 2599 setTimeout(function(){ 2600 $('.width_').css('width', '100%'); 2601 }, 200); 2602 Wo_Delay(function(){ 2603 value = $('.user_story_').attr('id'); 2604 if ($('.dont_close_story_'+value).length == 0) { 2605 if (story_type == 'user') { 2606 if ($('.lightpost-'+data.story_id).length > 0) { 2607 Get_NextStory(data.story_id); 2608 } 2609 } 2610 else{ 2611 if ($('.lightpost-'+data.story_id).length > 0) { 2612 Get_NextStory(data.story_id,'friends'); 2613 } 2614 } 2615 } 2616 }, 10000); 2617 } 2618 } 2619 else{ 2620 Wo_CloseLightbox(); 2621 } 2622 }); 2623 } 2624 } 2625 function Get_NextStory(story_id,story_type = '') { 2626 if ($('.lightbox-container').is(":visible")) { 2627 2628 Wo_CloseLightbox(); 2629 $('#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="indef
2629inite" 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>'); 2630 $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'next',story_type:story_type}, function(data, textStatus, xhr) { 2631 if (data.status == 200) { 2632 user_id = $(this).attr('data_story_user_id'); 2633 if (node_socket_flow == "1") { 2634 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 2635 } 2636 document.body.style.overflow = 'hidden'; 2637 $('.lightbox-container').html(data.html); 2638 video_story = $('#video_story').attr('data-story-video'); 2639 if ($('[data-story-video='+video_story+']').length == 0) { 2640 $('.width_').addClass('load'); 2641 setTimeout(function(){ 2642 $('.width_').css('width', '100%'); 2643 }, 200); 2644 Wo_Delay(function(){ 2645 value = $('.user_story_').attr('id'); 2646 if ($('.dont_close_story_'+value).length == 0) { 2647 if (story_type == 'user') { 2648 if ($('.lightpost-'+data.story_id).length > 0) { 2649 Get_NextStory(data.story_id); 2650 } 2651 } 2652 else{ 2653 if ($('.lightpost-'+data.story_id).length > 0) { 2654 Get_NextStory(data.story_id,'friends'); 2655 } 2656 } 2657 } 2658 }, 10000); 2659 } 2660 } 2661 else{ 2662 if (story_type == 'user') { 2663 if($('.unseen_story').length > 0){ 2664 $('.unseen_story').addClass('seen_story'); 2665 $('.unseen_story').removeClass('unseen_story'); 2666 2667 } 2668 } 2669 Wo_CloseLightbox(); 2670 } 2671 }); 2672 } 2673 } 2674 function Get_CurrentStory(story_id,story_type = '') { 2675 2676 Wo_CloseLightbox(); 2677 $('#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>'); 2678 $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'current',story_type:story_type}, function(data, textStatus, xhr) { 2679 if (data.status == 200) { 2680 user_id = $(this).attr('data_story_user_id'); 2681 if (node_socket_flow == "1") { 2682 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 2683 } 2684 document.body.style.overflow = 'hidden'; 2685 $('.lightbox-container').html(data.html); 2686 video_story = $('#video_story').attr('data-story-video'); 2687 if ($('[data-story-video='+video_story+']').length == 0) { 2688 $('.width_').addClass('load'); 2689 setTimeout(function(){ 2690 $('.width_').css('width', '100%'); 2691 }, 200); 2692 Wo_Delay(function(){ 2693 value = $('.user_story_').attr('id'); 2694 if ($('.dont_close_story_'+value).length == 0) { 2695 if (story_type == 'user') { 2696 if ($('.lightpost-'+data.story_id).length > 0) { 2697 Get_NextStory(data.story_id); 2698 } 2699 } 2700 else{ 2701 if ($('.lightpost-'+data.story_id).length > 0) { 2702 Get_NextStory(data.story_id,'friends'); 2703 } 2704 } 2705 } 2706 }, 10000); 2707 } 2708 } 2709 else{ 2710 if (story_type == 'user') { 2711 if($('.unseen_story').length > 0){ 2712 $('.unseen_story').addClass('seen_story'); 2713 $('.unseen_story').removeClass('unseen_story'); 2714 2715 } 2716 } 2717 Wo_CloseLightbox(); 2718 } 2719 }); 2720 } 2721 </script>
2721 2722 <!-- // NEW STORY --> 2723 2724 <div class="modal fade sun_modal" id="apply-job-modal" role="dialog"> 2725 </div> 2726 <div id="pay_modal_wallet"> 2727 <div class="modal fade wow_mat_pops" id="pay-go-pro" role="dialog" data-keyboard="false"> 2728 <div class="modal-dialog"> 2729 <div class="modal-content"> 2730 <div class="wow_pops_head"> 2731 <svg height="100px" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" xmlns="http://www.w3.org/2000/svg"><path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="currentColor" opacity="0.6"></path> <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="currentColor" opacity="0.6"></path> <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="currentColor"></path></svg> 2732 <h4><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"></path></svg> Pay By Wallet</h4> 2733 </div> 2734 <div class="modal-body"> 2735 <div class="pay_modal_wallet_alert"></div> 2736 <h4 class="pay_modal_wallet_text"></h4> 2737 </div> 2738 <div class="clear"></div> 2739 <div class="modal-footer"> 2740 <div class="ball-pulse"><div></div><div></div><div></div></div> 2741 <button type="button" class="btn btn-mat btn-main" id="pay_modal_wallet_btn">Pay Now</button> 2742 </div> 2743 </div> 2744 </div> 2745 </div> 2746 </div> 2747 <!-- HTML NOTIFICATION POPUP --> 2748 <div id="notification-popup"></div> 2749 <!-- HTML NOTIFICATION POPUP --> 2750 2751 <div class="modal fade" id="add_monetization_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;"> 2752 <div class="modal-dialog wow_mat_mdl"> 2753 <div class="modal-content"> 2754 <div class="modal-header"> 2755 <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> 2756 <h4 class="modal-title">Add Package</h4> 2757 </div> 2758 <form class="form form-horizontal monetization_form" method="post" action="#"> 2759 <div class="modal-body twocheckout_modal"> 2760 <div class="modal_add_monetization_modal_alert"></div> 2761 <div class="clear"></div> 2762 <div class="row"> 2763 <div class="col-md-12"> 2764 <div class="wow_form_fields"> 2765 <label for="title">Title</label> 2766 <input id="title" name="title" type="text" autocomplete="off" placeholder="Title" value=""> 2767 </div> 2768 </div> 2769 2770 <div class="col-md-8"> 2771 <div class="wow_form_fields"> 2772 <label for="price">Price</label> 2773 <input id="price" name="price" type="number" autocomplete="off" placeholder="Price" value=""> 2774 </div> 2775 </div> 2776 <div class="col-md-4"> 2777 <div class="wow_form_fields"> 2778 <label for="currency"> </label> 2779 <select id="currency" name="currency"> 2780 <option value="0">USD ($)</option> 2781 <option value="1">EUR (€)</option> 2782 <option value="2">JPY (¥)</option> 2783 <option value="3">TRY (₺)</option> 2784 <option value="4">GBP (£)</option> 2785 <option value="5">RUB (₽)</option> 2786 <option value="6">PLN (zł)</option> 2787 <option value="7">ILS (₪)</option> 2788 <option value="8">BRL (R$)</option> 2789 <option value="9">INR (₹)</option> 2790 </select> 2791 </div> 2792 </div> 2793 2794 <div class="col-md-12"> 2795 <div class="wow_form_fields"> 2796 <label for="period">Duration</label> 2797 <select id="period" name="period"> 2798 <option value="daily">Daily</option> 2799 <option value="weekly">Weekly</option> 2800 <option value="monthly">Monthly</option> 2801 <option value="yearly">Yearly</option> 2802 </select> 2803 </div> 2804 </div> 2805 <div class="col-md-12"> 2806 <div class="wow_form_fields"> 2807 <label for="description">Description</label> 2808 <textarea id="description" name="description" type="text" rows="3" autocomplete="off" placeholder="Description"></textarea> 2809 </div> 2810 </div> 2811 </div> 2812 <div class="clear"></div> 2813 </div> 2814 <div class="clear"></div> 2815 <div class="modal-footer"> 2816 <div class="ball-pulse"><div></div><div></div><div></div></div> 2817 <button type="submit" class="btn btn-main btn-mat">Add</button> 2818 </div> 2819 </form> 2820 </div> 2821 </div> 2822 </div> 2823 <div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0"> 2824 <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document"> 2825 <div class="modal-content"> 2826 <div class="modal-header"> 2827 <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> 2828 <h4 class="modal-title">Delete your address</h4> 2829 </div> 2830 <div class="modal-body"> 2831 Are you sure you want to delete this address? </div> 2832 <div class="modal-footer"> 2833 <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Delete</button> 2834 </div> 2835 </div> 2836 </div> 2837 </div> 2838 <div class="modal fade" id="delete-monetization" tabindex="-1" role="dialog" aria-labelledby="delete-monetization" aria-hidden="true" data-id="0"> 2839 <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document"> 2840 <div class="modal-content"> 2841 <div class="modal-header"> 2842 <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> 2843 <h4 class="modal-title">Remove your monetization package</h4> 2844 </div> 2845 <div class="modal-body"> 2846 Are you sure you want to delete this package? </div> 2847 <div class="modal-footer"> 2848 <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Delete</button> 2849 </div> 2850 </div> 2851 </div> 2852 </div> 2853 <div class="modal fade" id="unsubscribe-monetization" tabindex="-1" role="dialog" aria-labelledby="unsubscribe-monetization" aria-hidden="true" data-id="0"> 2854 <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document"> 2855 <div class="modal-content"> 2856 <div class="modal-header"> 2857 <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> 2858 <h4 class="modal-title">Unsubscribe</h4> 2859 </div> 2860 <div class="modal-body"> 2861 Are you sure you want to unsubscribe from this user? Keep in mind that you won't be able to view any of their monetized content. </div> 2862 <div class="modal-footer"> 2863 <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Unsubscribe</button> 2864 </div> 2865 </div> 2866 </div> 2867 </div> 2868 <div class="modal fade ch_payment_box" id="buy_product_modal" tabindex="-1" role="dialog" aria-labelledby="buy_product" aria-hidden="true" data-id="0"> 2869 <div class="modal-dialog modal-md mat_box" role="document"> 2870 <div class="modal-content"> 2871 <div class="ch_payment_head"> 2872 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2872<path fill="currentColor" d="M12,13A5,5 0 0,1 7,8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H17A5,5 0 0,1 12,13M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z"></path></svg> 2873 <h4>Payment Alert</h4> 2874 </div> 2875 <div class="modal-body"> 2876 <div class="modal_product_pay_alert"></div> 2877 You are about to purchase the items, do you want to proceed? </div> 2878 <div class="modal-footer"> 2879 <input type="hidden" id="product_id"> 2880 <input type="hidden" id="product_price"> 2881 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 2882 <button type="button" class="btn btn-main btn-mat">Pay Now</button> 2883 </div> 2884 </div> 2885 </div> 2886 </div> 2887 <div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0"> 2888 <div class="modal-dialog mat_box wow_mat_mdl" role="document"> 2889 <div class="modal-content"> 2890 <div class="modal-header"> 2891 <h5 class="modal-title">Request a Refund</h5> 2892 </div> 2893 <form class="refund_order_form" method="post"> 2894 <div class="modal-body"> 2895 <div class="modal_refund_order_modal_alert"></div> 2896 <div class="wow_form_fields"> 2897 <label class="form-label">Please explain the reason</label> 2898 <textarea placeholder="Please explain the reason" rows="5" name="message" id="refund_order_message"></textarea> 2899 </div> 2900 </div> 2901 <div class="modal-footer"> 2902 <button type="button" class="btn btn-default btn-mat" data-dismiss="modal">Cancel</button> 2903 <button type="submit" class="btn btn-main btn-mat get_refnd">Request</button> 2904 </div> 2905 </form> 2906 </div> 2907 </div> 2908 </div> 2909 2910 <a href="https://userinterface.us/checkout" data-ajax="?link1=checkout" id="load_checkout" style="display: none;"></a> 2911 2912 <div id="select-language" class="modal fade" data-keyboard="false"> 2913 <div class="modal-dialog modal-lg wow_mat_mdl lang_select_modal"> 2914 <div class="modal-content"> 2915 <div class="modal-body"> 2916 <div class="row"> 2917 <div class="col-md-4"> 2918 <div class="language_info"> 2919 <h3>Language</h3> 2920 <svg enable-background="new 0 0 497 497" height="512" viewBox="0 0 497 497" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m497 265.608c0-70.961-31.942-134.462-82.232-176.909-40.279-33.998-153.438-37.892-153.438-37.892l-82.012.473c-.61.258-1.347.079-1.954.342-80.382 34.882-132.545 117.531-132.545 213.605 0 127.798 95.283 214.76 223.081 214.76 38.422 0 72.357 7.656 104.247-8.915 74.182-38.546 124.853-116.088 124.853-205.464z" fill="#94ccd4"/><path d="m414.77 88.697c-23.53 15.39-48.79 30.66-58.26 32.73-25.99 7.6-59.82-8.5-66.77 29.83-.2 7.4-.85 14.43-1.96 20.99-1.24 7.32-3.96 14.21-7.91 20.33s-14.463 7.906-20.583 12.106c-16.85 11.58-30.541 12.274-48.681 2.824-.46-.24-.93-.49-1.4-.74-30.22-14.81-47.973-48.87-16.643-73.76 20.59-17 17.476-46.987 3.086-65.727l-8.66-10.02c6.723-2.777 3.986-10.878 11.01-13.021 21.385-6.524 44.084-10.032 67.6-10.032 56.841 0 108.891 20.49 149.171 54.49z" fill="#b7e546"/><path d="m445.066 208.328c-.129-19.101-7.841-37.381-21.444-50.801-11.605-13.278-15.619-21.189-31.569-6.53-15.118 18.805-.207 42.145-32.34 74.213-5.691 5.793-8.884 13.723-8.563 21.852-.012-.002-.007-1.436-.018-1.438 1.155 20.135 14.908 36.366 34.51 36.366 25.18-.001 59.424-29.559 59.424-73.662z" fill="#b7e546"/><path d="m372.62 223.717c-5.69 5.8-8.89 13.73-8.57 21.86-.01-.01-.01-.02-.02-.02.96 16.67 15.41 30.7 31.48 35.04-3.37.92-6.69 1.39-9.87 1.39-19.6 0-40.45-16.29-41.61-36.43.01 0 .01.01.02.02-.32-8.13 2.88-16.06 8.57-21.86 32.13-32.06 13.51-57.11 28.63-75.91 9.11-8.38 17.86-8.34 25.84-4.29-1.93 1.07-3.87 2.48-5.84 4.29-15.12 18.8 3.5 43.85-28.63 75.91z" fill="#abd641"/><path d="m466.803 17.508v115.506l-7.36 6.988c0 9.665-10.988 11.121-20.654 11.121l-52.829-.397c-2.458 0-4.854.776-6.844 2.218l-43.595 30.271c-3.857 2.794-9.256.038-9.256-4.724l4.092-14.559c0-6.444-5.224-11.667-11.667-11.667h-14c-9.665 0-17.501-7.835-17.501-17.501l-2.11-108.356c0-9.665 3.839-19.859 13.504-19.859l4.878-6.541h145.841c9.666-.001 17.501 7.834 17.501 17.5z" fill="#dc4955"/><path d="m466.803 133.014v5.834c0 9.665-7.835 17.501-17.501 17.501h-62.63c-2.462 0-4.854.782-6.837 2.217l-47.288 34.243c-3.85 2.8-9.252.047-9.252-4.725v-20.068c0-6.444-5.224-11.667-11.667-11.667h-14.001c-9.665 0-17.501-7.835-17.501-17.501v-121.34c0-9.665 7.835-17.501 17.501-17.501h5.834v130.674c0 1.289 1.045 2.333 2.333 2.333h5.834c13.429 0 25.112 7.595 30.979 18.725 1 1.897 3.425 2.496 5.162 1.237l18.368-13.312c6.
2920009-4.352 13.114-6.65 20.534-6.65z" fill="#d82f3c"/><path d="m320.6 476.787c-130.86 0-236.95-105.78-236.95-236.26 0-77.71 35.628-145.845 93.718-188.905-84.029 34.685-143.168 117.43-143.168 213.985 0 39.347 9.82 76.4 27.144 108.842 0 0 54.989 43.55 82.795 64.014 38.358 28.23 112.89 46.439 112.89 46.439s82.932 2.814 114.732-13.646c-16.481 3.621-33.591 5.531-51.161 5.531z" fill="#6fbbc6"/><path d="m372.135 471.048c-18.595-25.899-52.793-54.451-51.323-88.84.501-11.724-1.046-23.487-4.906-34.574-.061-.15-.11-.297-.159-.443-1.952-5.491-4.884-10.572-8.535-15.101-10.078-12.52-31.583-45.184-42.098-49.764-20.079-12.419-47.263-3.171-58.005 17.22-9.324 23.587-11.896 55.905-36.253 68.627-14.56 7.896-35.545 6.122-46.621-6.952-19.217-24.96-46.122-.826-62.868 13.218 6.654 12.431 33.803 21.544 42.583 32.57 36.43 45.761 68.853 63.401 122.234 72.98 49.652 9.01 100.602 14.614 145.41-8.666.18-.094.361-.182.541-.275z" fill="#b7e546"/><path d="m371.67 471.277c-39.78 20.697-85.715 29.138-130.28 24.46v-.01c-75.319-7.365-144.829-54.348-180.02-121.29 13.24-11.11 32.85-28.54 49.98-22.97 39.85 74.57 118.61 125.32 209.25 125.32 17.54 0 34.62-1.9 51.07-5.51z" fill="#abd641"/><path d="m423.275 270.934v115.506l-7.36 6.988c0 9.665-10.988 11.121-20.654 11.121l-52.829-.397c-2.458 0-4.854.776-6.844 2.218l-43.595 30.271c-3.857 2.794-9.256.038-9.256-4.724l4.092-14.559c0-6.444-5.224-11.667-11.667-11.667h-14.001c-9.665 0-17.501-7.835-17.501-17.501l-2.11-108.356c0-9.665 3.839-19.859 13.504-19.859l4.878-6.541h145.841c9.666-.001 17.502 7.835 17.502 17.5z" fill="#ffbf54"/><path d="m423.275 386.44v5.834c0 9.666-7.835 17.501-17.501 17.501h-62.63c-2.462 0-4.854.782-6.837 2.217l-47.288 34.243c-3.85 2.8-9.252.047-9.252-4.725v-20.068c0-6.444-5.224-11.667-11.667-11.667h-14.001c-9.665 0-17.501-7.835-17.501-17.501v-121.34c0-9.665 7.835-17.501 17.501-17.501h5.834v130.674c0 1.289 1.045 2.333 2.333 2.333h5.834c13.429 0 25.112 7.595 30.979 18.725 1 1.897 3.425 2.496 5.162 1.237l18.368-13.312c6.009-4.352 13.114-6.65 20.534-6.65z" fill="#ffa442"/><path d="m418.808 57.26c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-38.825v-12.753c0-4.142-3.358-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v12.753h-38.825c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h15.551c3.601 15.961 10.724 30.639 20.644 43.123-7.591 7.247-16.472 13.255-26.375 17.669l-10.333 4.605c-3.784 1.686-5.484 6.12-3.798 9.903 1.244 2.792 3.984 4.449 6.855 4.449 1.02 0 2.057-.209 3.048-.651l10.333-4.605c11.399-5.08 21.635-11.977 30.4-20.293 8.765 8.316 19.001 15.213 30.4 20.293l10.333 4.605c.992.442 2.028.651 3.048.651 2.871 0 5.611-1.658 6.855-4.449 1.686-3.783-.014-8.217-3.798-9.903l-10.333-4.605c-9.904-4.413-18.784-10.422-26.375-17.669 9.92-12.484 17.042-27.162 20.643-43.123zm-46.325 31.693c-7.028-9.387-12.272-20.113-15.335-31.693h30.669c-3.063 11.58-8.306 22.306-15.334 31.693z" fill="#faf8f8"/><path d="m387.386 285.507h-34.891c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h9.945v23.5h-29.833c1.743-3.549 2.724-7.537 2.724-11.75 0-14.75-12-26.75-26.75-26.75h-21.656c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h21.656c6.479 0 11.75 5.271 11.75 11.75s-5.271 11.75-11.75 11.75h-24.063c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h24.063c6.479 0 11.75 5.271 11.75 11.75 0 6.589-5.161 11.75-11.75 11.75-10.362 0-22.125-1.168-30.791-9.834-2.929-2.929-7.678-2.929-10.606 0-2.929 2.929-2.929 7.678 0 10.606 12.611 12.611 28.748 14.228 41.397 14.228 14.75 0 26.75-12 26.75-26.75 0-4.213-.981-8.201-2.724-11.75h29.833v31c0 4.142 3.358 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-69.5h9.945c4.142 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.499-7.5z" fill="#faf8f8"/><path d="m200.16 145.927-.29.24c-3.86 3.07-17.26 15.34-26.76 25.86-3.82-14.43-.5-29.75 14.32-41.52 20.59-17 12.99-50.12-1.4-68.86l-8.666-10.025c6.72-2.78 13.606-5.245 20.636-7.385 6.22 9.45 11.75 17.41 11.75 17.41 14.91 27.77 15.58 63.51-9.59 84.28z" fill="#abd641"/><path d="m280.71 191.217c-.27.46-.55.91-.84 1.36-3.95 6.12-9.11 11.46-15.23 15.66-16.85 11.58-38.7 12.88-56.84 3.43-.46-.24-.93-.49-1.4-.74-28.44-13.94-47.89-50.81-23.98-75.85-7.61 22.98 10.36 49.51 34.55 60.85.49.25.98.5 1.46.74 18.96 9.45 41.8 8.15 59.41-3.43.98-.64 1.94-1.31 2.87-2.02z" fill="#abd641"/><g fill="#94ccd4"><path d="m238.862 495.452c.064.007.128.015.192.022-.064-.007-.128-.014-.192-.022z"/>
2920<path d="m167.135 475.042c.227.107.456.211.683.317-.228-.106-.456-.21-.683-.317z"/><path d="m371.76 471.257c-4.13 2.14-8.32 4.15-12.59 6.03 4.2-1.86 8.34-3.85 12.42-5.97.03-.01.05-.03.08-.04s.06-.01.09-.02z"/></g><path d="m8.053 137.009 1.468 100.637c0 9.855 8.03 17.844 17.936 17.844l56.305 1.84c2.519 0 4.974.792 7.014 2.262l38.427 32.486c3.953 2.849 9.486.039 9.486-4.817l2.428-15.705c0-6.57 5.353-11.896 11.957-11.896l18.584-.068c9.906 0 19.66-2.352 19.66-12.207v-123.721c0-9.855-8.03-17.844-17.936-17.844h-155.446c-9.906 0-9.883 21.334-9.883 31.189z" fill="#faf8f8"/><path d="m104.402 139.105c-.022-.057-.044-.114-.067-.171-1.472-3.597-4.934-5.923-8.82-5.927-.004 0-.006 0-.01 0-3.881 0-7.344 2.319-8.822 5.909-.028.068-.055.137-.082.207l-33.487 88.736c-1.462 3.875.494 8.203 4.369 9.665 3.876 1.462 8.204-.494 9.665-4.369l6.509-17.247h43.945l6.577 17.269c1.14 2.993 3.988 4.833 7.01 4.833.887 0 1.79-.159 2.668-.493 3.871-1.474 5.813-5.807 4.339-9.678zm-25.085 61.803 16.211-42.957 16.361 42.957z" fill="#aad8de"/><path d="m191.32 245.227v2.16c0 9.85-8.03 17.84-17.94 17.84h-14.35c-6.6 0-11.95 5.33-11.95 11.9v20.47c0 4.85-5.54 7.66-9.49 4.81l-48.45-34.92c-2.04-1.47-4.5-2.26-7.02-2.26h-64.18c-9.91 0-17.94-7.99-17.94-17.84v-123.72c0-9.86 8.03-17.85 17.94-17.85h2.06v134.41c0 2.761 2.239 5 5 5h57.12c6.72 0 13.27 2.12 18.71 6.04l22.35 16.11c2.14 1.54 5.12.6 6.08-1.85 4.66-11.87 16.25-20.3 29.77-20.3z" fill="#f0e9e6"/></g></svg> 2921 </div> 2922 </div> 2923 <div class="col-md-8"> 2924 <ul class="lang_modal"> 2925 <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li> 2926 <li class="language_select"><a href="?lang=bengali" rel="nofollow" class="Bengali">Bengali</a></li> 2927 <li class="language_select"><a href="?lang=chinese" rel="nofollow" class="Chinese">Chinese</a></li> 2928 <li class="language_select"><a href="?lang=croatian" rel="nofollow" class="Croatian">Croatian</a></li> 2929 <li class="language_select"><a href="?lang=danish" rel="nofollow" class="Danish">Danish</a></li> 2930 <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li> 2931 <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li> 2932 <li class="language_select"><a href="?lang=filipino" rel="nofollow" class="Filipino">Filipino</a></li> 2933 <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li> 2934 <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li> 2935 <li class="language_select"><a href="?lang=hebrew" rel="nofollow" class="Hebrew">Hebrew</a></li> 2936 <li class="language_select"><a href="?lang=hindi" rel="nofollow" class="Hindi">Hindi</a></li> 2937 <li class="language_select"><a href="?lang=indonesian" rel="nofollow" class="Indonesian">Indonesian</a></li> 2938 <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li> 2939 <li class="language_select"><a href="?lang=japanese" rel="nofollow" class="Japanese">Japanese</a></li> 2940 <li class="language_select"><a href="?lang=korean" rel="nofollow" class="Korean">Korean</a></li> 2941 <li class="language_select"><a href="?lang=persian" rel="nofollow" class="Persian">Persian</a></li> 2942 <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li> 2943 <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li> 2944 <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li> 2945 <li class="language_select"><a href="?lang=swedish" rel="nofollow" class="Swedish">Swedish</a></li> 2946 <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li> 2947 <li class="language_select"><a href="?lang=urdu" rel="nofollow" class="Urdu">Urdu</a></li> 2948 <li class="language_select"><a href="?lang=vietnamese" rel="nofollow" class="Vietnamese">Vietnamese</a></li> 2949 </ul> 2950 </div> 2951 </div> 2952 </div> 2953 </div> 2954 </div> 2955 </div> 2956 2957 </body> 2958</html> 2959
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.