1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>UserInterface</title> 5 <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> 6 <meta name="title" content="UserInterface"> 7 <meta name="description" content="Unlock your business potential with UserInterface's innovative platform. Boost engagement, enhance brand visibility, and create meaningful connections. 8 9"> 10 <meta name="keywords" content="social, news, commentary, social site"> 11 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 12 <meta name="pinterest-rich-pin" content="false" /> 13 <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="" /> <meta property="og:title" content="UserInterface" /> 14 <meta property="og:type" content="article" /> 15 <meta property="og:url" content="https://userinterface.us" /> 16 <meta property="og:image" content="https://userinterface.us/themes/sunshine/img/og.jpg" /> 17 <meta property="og:image:secure_url" content="https://userinterface.us/themes/sunshine/img/og.jpg" /> 18 <meta property="og:description" content="Unlock your business potential with UserInterface's innovative platform. Boost engagement, enhance brand visibility, and create meaningful connections. 19 20" /> 21 <meta name="twitter:card" content="summary"> 22 <meta name="twitter:title" content="UserInterface" /> 23 <meta name="twitter:description" content="Unlock your business potential with UserInterface's innovative platform. Boost engagement, enhance brand visibility, and create meaningful connections. 24 25" /> 26 <meta name="twitter:image" content="https://userinterface.us/themes/sunshine/img/og.jpg" /> 27 <link rel="canonical" href="https://userinterface.us/welcome" /> 28 <link rel="shortcut icon" type="image/png" href="https://userinterface.us/themes/sunshine/img/icon.png"/> 29 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/general-style-plugins.css?version=4.3.4"> 30 31 <style> 32 .opacity_start { 33 opacity: 0; 34 transition: all 0.5s; 35 } 36 .opacity_stop { 37 opacity: 1; 38 transition: all 0.5s; 39 } 40 </style> 41 42 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/welcome.css?version=4.3.4"> 43 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=4.3.4"> 44
45 <link rel="preconnect" href="https://fonts.googleapis.com"> 46 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 47 <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"> 48 49 50 51
51<script src="https://userinterface.us/themes/sunshine/javascript/jquery-3.1.1.min.js?version=4.3.4"></script>
51 52
52<script src="https://userinterface.us/themes/sunshine/javascript/jquery.ui.touch-punch.min.js?version=4.3.4"></script>
52 53 54 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/bootstrap-select.min.css?version=4.3.4"> 55
55<script src="https://userinterface.us/themes/sunshine/javascript/bootstrap-select.min.js?version=4.3.4"></script>
55 56 57 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/leaflet.css?version=4.3.4"> 58
58<script src="https://userinterface.us/themes/sunshine/javascript/leaflet.js?version=4.3.4"></script>
58 59 60 61 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/movies/style.movies.css?version=4.3.4" /> 62 63 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/player/fluidplayer.min.css?version=4.3.4" type="text/css"/> 64
64<script src="https://userinterface.us/themes/sunshine/player/fluidplayer.min.js?version=4.3.4"></script>
64 65 66 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/player/plyr.css?version=4.3.4" type="text/css"/> 67
67<script src="https://userinterface.us/themes/sunshine/player/plyr.js?version=4.3.4"></script>
67 68 69 <style> 70 /* 71 72Add here your custom css styles Example: p { text-align: center; color: red; } 73 74*/ </style> 75
75<script src="https://userinterface.us/themes/sunshine/javascript/html2pdf.bundle.js?version=4.3.4"></script>
75 76
76<script src="https://userinterface.us/themes/sunshine/javascript/qrcode.js?version=4.3.4"></script>
76 77 78 79
79<script type="text/javascript"> 80 /* 81Add here your JavaScript Code. 82Note. the code entered here will be added in <head> tag 83 84 85 Example: 86 87 var x, y, z; 88 x = 5; d asd asd asd 89 y = 6; 90 z = x + y; 91 92*/ function Wo_Ajax_Requests_File(){ 93 return "https://userinterface.us/requests.php" 94 } 95 function RunLiveAgora(channelName,DIV_ID,token) { 96 var agoraAppId = ''; 97 var token = token; 98 99 var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'}); 100 client.init(agoraAppId, function () { 101 102 103 client.setClientRole('audience', function() { 104 }, function(e) { 105 }); 106 let rand = Math.floor(Math.random() * 1000000); 107 108 client.join(token, channelName, rand, function(uid) { 109 }, function(err) { 110 }); 111 }, function (err) { 112 }); 113 114 client.on('stream-added', function (evt) { 115 var stream = evt.stream; 116 var streamId = stream.getId(); 117 118 client.subscribe(stream, function (err) { 119 }); 120 }); 121 client.on('stream-subscribed', function (evt) { 122 var remoteStream = evt.stream; 123 remoteStream.play(DIV_ID); 124 $('#player_'+remoteStream.getId()).addClass('embed-responsive-item'); 125 }); 126} 127 </script>
127 128 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 128-129
128 129<script async src="https://www.googletagmanager.com/gtag/js?id=
129G-L9KHN62M1W
vendor: 12 bytes, line 129
129"></script>
130<script> 131
vendor: 134 bytes, lines 131-135
131window.dataLayer = window.dataLayer || []; 132 function gtag(){dataLayer.push(arguments);} 133 gtag('js', new Date()); 134 135 gtag('config', '
135G-L9KHN62M1W
vendor: 4 bytes, line 135
135');
136</script>
136 137
138<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0975675460745073" 139 crossorigin="anonymous"></script>
139 140 <style> 141@font-face { 142 font-family: OpenSansLight; 143 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansLight/OpenSansLight.woff") format("woff"); 144 font-weight: normal; 145} 146@font-face { 147 font-family: OpenSansRegular; 148 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"); 149 font-weight: normal; 150} 151@font-face { 152 font-family: OpenSansSemiBold; 153 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"); 154 font-weight: normal; 155} 156@font-face { 157 font-family: OpenSansBold; 158 src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansBold/OpenSansBold.woff") format("woff"); 159 font-weight: normal; 160} 161@font-face { 162 font-family: Gilroy-ExtraBold; 163 src: url("https://userinterface.us/themes/sunshine/fonts/Gilroy-ExtraBold.otf") format("opentype"); 164 font-weight: normal; 165} 166@font-face { 167 font-family: Vodafone Rg; 168 src: url("https://userinterface.us/themes/sunshine/fonts/vodafone.ttf") format("truetype"); 169 font-weight: normal; 170} 171@font-face { 172 font-family: Vodafone ExB; 173 src: url("https://userinterface.us/themes/sunshine/fonts/VodafoneExBd.ttf") format("truetype"); 174 font-weight: normal; 175} 176:root { 177 --plyr-color-main: #c64d53 ; 178 --main-color: #c64d53 ; 179} 180 181.icon_main { 182 stroke: #c64d53; 183} 184 185.wo_page_profile .options-buttons .btn.btn-success, .wo_page_profile .options-buttons .btn.btn-info, .wo_vew_apld_msg .btn { 186 color: #c64d53; 187} 188.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 { 189 background: #c64d53; 190 color: #ffffff; 191} 192 193#wo_sidebar_users .btn-default.wo_follow_btn .icon_main { 194 stroke: #c64d53 !important; 195} 196.icon_main_fill { 197 fill: #c64d53; 198} 199.wo_follow_btn { 200 background: #c64d53 !important; 201} 202 203.user-status-home ul.status-list li.create_new .avatar:before { 204 background: linear-gradient(135.87deg, #c64d53 1.25%, #3F4354 51.73%, rgba(198, 77, 83, 0.17) 77.22%); 205} 206.go_pro_table_background .plan_foot .btn { 207 color: #c64d53; 208} 209.select_radio_btn .sr_btn_lab_innr:hover, .select_radio_btn label > input:checked ~ .sr_btn_lab_innr { 210 box-shadow: 0px 0px 0px 2px #c64d53 !important; 211} 212.select_radio_btn label > input:checked ~ .sr_btn_lab_innr > span { 213 color: #c64d53 !important; 214} 215 216@media (min-width: 992px) { 217::-webkit-scrollbar-thumb { 218 background: #c64d53; 219} 220} 221 222.wo_prof_des_toggle .round-check input:checked+label { 223 border-color: #c64d53; 224} 225.wo_prof_des_toggle .round-check input:checked+label span { 226 color: #c64d53; 227 background: transparent; 228} 229 230.chat-messages-wrapper .message.wo_msg_prod_prnt .product-price, .message-contnaier .wo_msg_prod_prnt .product-price { 231 color: #c64d53; 232} 233 234.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { 235 background: #c64d53; 236 color: #ffffff; 237} 238 239.wow_htag a svg { 240 color: #c64d53 !important; 241} 242.wo_follow_btn:hover { 243 background: #dd6a70 !important; 244} 245.wo_following_btn { 246 background: #c64d53 !important; 247} 248.wo_following_btn:hover { 249 background: #dd6a70 !important; 250} 251#progress .progress, #percent, .load-more .btn, .wow_price_plan .plan_body p svg { 252 color: #c64d53; 253} 254.fund_raise_bar .progress .progress-bar, .fundings_footer .progress .progress-bar { 255 background: #c64d53; 256} 257.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 { 258 color: #ffffff !important; 259} 260.go_pro_table_background:before { 261 background-color: #c64d53; 262} 263 264.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 { 265 color: #ffffff; 266 background-color: #c64d53; 267} 268 269input.cusrange[type=range]::-webkit-slider-thumb { 270 background-color: #c64d53; 271 box-shadow: none; 272} 273 274 275 276.navbar-default { 277 background: #fff; border: none; 278 height: 70px;box-shadow: 0 1px 6px rgb(0 0 0 / 5%); 279} 280
281.round-check input[type="checkbox"]:checked + label:before, .round-check input[type="radio"]:checked + label:before { 282 background: #c64d53 !important; 283} 284.group-messages-wrapper a{ 285 color: #c64d53 !important; 286} 287ul.profile-completion-bar li.completion-bar div.completion-bar-status { 288 background: #c64d53 !important; 289} 290.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 { 291 background: #c64d53; 292 color: #ffffff; 293} 294.wo_chat_tabs li.active a { 295 background: #c64d53 !important; 296 color: #ffffff !important; 297} 298.result-bar { 299 background: #c64d53 !important; 300} 301.featured-users { 302 background: #c64d53; 303 color: #ffffff; 304} 305.featured-users .sidebar-title-back, .featured-users .pro-me-here, .wo_pro_users li .user span { 306 color: #ffffff !important; 307} 308 309.lang_select_modal .language_info { 310 background: #c64d53} 311.lang_select_modal .language_info h3 { 312 color: #ffffff; 313} 314 315 316 317.avtive { 318 border-color: #c64d53 !important; 319} 320 321.new-update-alert { 322 background: #dd6a70; 323 color: #ffffff; 324} 325 326#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr { 327 background: #c64d53; 328 color: #ffffff; 329} 330#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn { 331 color: #ffffff; 332} 333#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover { 334 background: #dd6a70; 335} 336 337.green-audio-player svg path { 338 fill: #c64d53; 339} 340.green-audio-player .slider .gap-progress, .green-audio-player .slider .gap-progress .pin { 341 background-color: #c64d53 !important; 342} 343 344.add_as_cont_list label input:checked+div { 345 background-color: #c64d53; 346 color: #ffffff; 347} 348 349.barloading { 350 background-color: rgb(165 39 41 / 6%) !important; 351} 352.barloading:before { 353 background-color: #c64d53; 354} 355.left-sidebar ul li a i { 356 color: #c64d53 !important; 357} 358.cs-loader-inner, .main { 359 color: #c64d53; 360} 361.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 { 362 border-color: #c64d53 !important; 363} 364.login:not(.loading) button:hover { 365 background: #dd6a70 !important; 366 color: #ffffff; 367} 368.wo_setting_sidebar ul .list-group-item{ 369 background: #c64d53 !important; 370} 371.wo_setting_sidebar ul .list-group-item a{ 372 color: #ffffff; 373} 374.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 { 375 border-color: #03A9F4; 376} 377 378#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{ 379 border-color: #c64d53; 380} 381#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{ 382 background: #c64d53; 383} 384.wo_page_hdng_menu > ul li.active a { 385 box-shadow: inset 0px -2.5px #c64d53; 386} 387.login button, .postCategory h5, .wo_search_page .nav-tabs li.active a { 388 background: #c64d53 !important; 389 color: #ffffff !important; 390} 391.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 { 392 background-color: #c64d53 !important; 393 background: #c64d53 !important; 394 background-image: #c64d53 !important; 395} 396.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { 397 background-color: #f4f4f4 !important; 398} 399.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover { 400 color: #ffffff !important; 401 background-color: #333333 !important; 402} 403body { 404 background-color: #f0f2f5; 405} 406.navbar-default .navbar-nav>li>a { 407 color: #222; 408 font-size: 13px; 409 height: auto;padding-top: 18px;
410 padding-bottom: 18px; 411} 412 413.btn-main, .wo_following_btn { 414 color: #ffffff; 415 background-color: #c64d53; 416 border-color: #c64d53; 417} 418.btn-main:hover, .wo_following_btn:hover { 419 color: #ffffff; 420 background-color: #dd6a70; 421 border-color: #dd6a70; 422} 423 424.wow_mat_mdl .modal-footer .btn.main { 425 color: #ffffff !important; 426 background-color: #c64d53; 427} 428.wow_mat_mdl .modal-footer .btn.main:hover { 429 color: #ffffff !important; 430 background-color: #dd6a70; 431} 432 433.sun_pub_privacy_menu li label input[type="radio"]:checked+span{ 434 color: #ffffff; 435 background: #c64d53; 436} 437 438#wo_home_btns.btn-main { 439 color: #ffffff !important; 440} 441 442.wow_pops_head { 443 /*background: #dd6a70;*/ 444} 445.btn-main:focus { 446 color: #ffffff; 447} 448.active-wonder { 449 color: #c64d53; 450} 451.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 { 452 color: #444; 453 background-color: #fcfcfc; 454 border-bottom: 1px solid #f1f1f1; 455 padding: 18px; 456} 457.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 { 458 color: #444 !important; 459} 460.list-group-item.black-list.active-list, .red-list.active-list { 461 color: #ffffff; 462 background-color: #c64d53; 463} 464.list-group-item.black-list { 465 background: #c64d53; 466} 467.profile-top-line { 468 background-color: #c64d53; 469} 470#bar { 471 background-color: #c64d53; 472} 473.list-group-item.black-list a{ 474 color: #ffffff; 475} 476.list-group-item.black-list.active-list a{ 477 color: #c64d53; 478} 479.main-color, .small-text a, .show-message-link-container a, .search-advanced-container a { 480 color: #c64d53 !important; 481} 482.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { 483 color: #ffffff; 484 cursor: default; 485 color: #c64d53; 486 border-bottom: 1px solid #c64d53; 487 background-color: transparent 488} 489.btn-active { 490 color: #ffffff; 491 background: #c64d53; 492 outline: none; 493 border: 1px solid #c64d53} 494.btn-active:hover, .btn-active:focus { 495 border: 1px solid #dd6a70; 496 color: #ffffff; 497 background: #dd6a70; 498} 499.btn-active-color:hover { 500 background: #dd6a70; 501} 502 503.chat-tab .chat-textarea .chat-btns-w .chat_optns { 504 color: #c64d53; 505 fill: #c64d53; 506} 507 508.profile-style .user-follow-button button.btn-active, .btn-login, .btn-register { 509 background: #c64d53; 510 color: #ffffff; 511} 512.profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus { 513 color: #ffffff; 514 background: #dd6a70; 515} 516.panel-login>.panel-heading a.active { 517 color: #c64d53; 518 font-size: 18px; 519} 520.hash { 521 color: #c64d53; 522} 523.message-text .hash { 524 color: #fff !important; 525} 526.search-container .search-input { 527 color: #222 !important; 528 background: #F2F2F2 !important; 529} 530.chat-messages-wrapper .outgoing .message-text { 531 background: #c64d53; 532 color: #ffffff; 533} 534.normal-container { 535 width: 100%; 536 height: 100%; 537 margin-top: 15px; 538} 539.active.fa-thumbs-up { 540 color: #c64d53; 541} 542.api-ex-urls { 543 background-color: #c64d53; color: #ffffff; 544} 545.user-username { 546 color: #c64d53; 547} 548.upload-image { 549 border: 3px dashed #c64d53; 550} 551.events-tab-list li { background-color: #c64d53; } 552.events-tab-list li:hover { background-color: #c64d53; } 553.active-e-tab { background-color: #c64d53 !important; } 554.main { color: #c64d53 !important; } 555.events-list-dropup-menu ul li a:hover { background: #c64d53; } 556.usr-offline { color: #c64d53; } 557.blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #c64d53 !important; } 558.blog_publ {background: #c64d53 ; border: 1px solid #c64d53 ; } 559.slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{ 560 color: #c64d53 !important; 561} 562.movies h3.latest-movies, h3.recommended-movies { 563 border-left: 3px solid #c64d53; 564} 565 566.ads-navbar-wrapper ul li a.active { 567 color: #c64d53; 568} 569.wo_page_hdng_innr span { 570 background-color: #c64d53; 571 color: #ffffff; 572} 573 574.wow_creads_minstp .line .line_sec { 575 background: #c64d53; 576} 577 578.step-one-active.wow_creads_minstp .dot.one {background: #c64d53 !important;} 579.step-two-active.wow_creads_minstp .dot.one, .step-three-active.wow_creads_minstp .dot.one {background: #c64d53 !important;} 580.step-two-active.wow_creads_minstp .dot.two, .step-three-active.wow_creads_minstp .dot.two {background: #c64d53 !important;} 581.step-three-active.wow_creads_minstp .dot.three {background: #c64d53;} 582 583.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 { 584 color: #c64d53; 585} 586 587 588.btn-loading:after { 589 background-color: #c64d53; 590} 591.wow_pub_privacy_menu li label input[type="radio"]:checked+span { 592 background-color: #c64d53;color: #ffffff; 593} 594.order_by ul li.active a {background: #c64d53 !important;color: #ffffff !important;} 595 596 597 598 599#welcomeheader .mdbtn:hover{background-color: #ffffff;color: #1e2321;border-color: #ffffff;} 600 601.post .panel.active_shadow { 602 box-shadow: 0 0 0 1.5px #c64d53 !important; 603} 604 605.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 { 606 background-color: #c64d53; 607} 608.reaction-1::before { 609 content: "Like"; 610} 611.reaction-2::before { 612 content: "Love"; 613} 614.reaction-3::before { 615 content: "HaHa"; 616} 617.reaction-4::before { 618 content: "WoW"; 619} 620.reaction-5::before { 621 content: "Sad"; 622} 623.reaction-6::before { 624 content: "Angry"; 625} 626/*.reaction-like::before { 627 content: "Like"; 628} 629.reaction-love::before { 630 content: "Love"; 631} 632.reaction-haha::before { 633 content: "HaHa"; 634} 635.reaction-wow::before { 636 content: "WoW"; 637} 638.reaction-sad::before { 639 content: "Sad"; 640} 641.reaction-angry::before { 642 content: "Angry"; 643}*/ 644 645.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 { 646 color: #c64d53; 647} 648.text-sender-container .outgoing .message-model .message {background-color: #c64d53;color: #ffffff;} 649.text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #ffffff;} 650 651</style> 652 <style> 653 body{background: url('https://userinterface.us/themes/sunshine/img/welcome/background.png') !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;} 654 .wo_regi_features:before{content: '';display: block;background-image: url(https://userinterface.us/themes/sunshine/img/backgrounds/login.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.35;}
655 </style> 656 657
657<script crossorigin="anonymous" src="https://userinterface.us/themes/sunshine/javascript/sdk.js?version=4.3.4"></script>
657 658 659
659<script src="https://userinterface.us/themes/sunshine/javascript/socket.io.js?version=4.3.4"></script>
659 660
660<script> 661 let nodejs_system = "0"; 662 let socket = null 663 let groupChatListener = {} 664 $(()=>{ 665 }); 666 </script>
666 667
667<script src="https://userinterface.us/themes/sunshine/javascript/bootstrap-tagsinput-latest/src/bootstrap-tagsinput.js?version=4.3.4"></script>
667 668 669 670
670<script src="https://userinterface.us/themes/sunshine/javascript/flickity.pkgd.min.js?version=4.3.4"></script>
670 671 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/javascript/green-audio-player/green-audio-player.css?version=4.3.4" /> 672
672<script src="https://userinterface.us/themes/sunshine/javascript/green-audio-player/green-audio-player.js?version=4.3.4"></script>
672 673 674 <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/flatpickr.min.css?version=4.3.4"> 675
675<script src="https://userinterface.us/themes/sunshine/javascript/flatpickr.js?version=4.3.4"></script>
675 676 677
677<script src="https://userinterface.us/themes/sunshine/javascript/circle-progress.min.js"></script>
677 678 </head> 679 680 <body > 681 <input type="hidden" id="get_no_posts_name" value="No more posts"> 682 <div id="focus-overlay"></div> 683 <input type="hidden" class="seen_stories_users_ids" value=""> 684 <input type="hidden" class="main_session" value="d2676e5fb29ed985e452"> 685 <div class="content-container welcome-container"> 686 <div class="ad-placement-header-footer"> 687 </div> 688 689 690 <div id="contnet" class="effect-load"><div class="wrapper"> 691 <div class="login"> 692 <div class="login_left_combo_parent"> 693 <div class="login_left_combo"> 694 <a href="https://userinterface.us" class="logo"><img src="https://userinterface.us/themes/sunshine/img/logo.png?cache=314" alt="Logo"> </a> 695 <h1><b>Connect</b> with friends</h1> 696 <p>Share what's new and <b>life moments</b> with your <b>friends</b></p> 697 698 <a class="night_day_switch day" href="javascript:void(0);" id="night_mode_toggle" data-mode='night'> 699 <svg class="sun" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9985 6.4473C11.6692 6.4473 11.4023 6.18622 11.4023 5.86424V4.58306C11.4023 4.26094 11.6693 4 11.9985 4C12.3278 4 12.5946 4.26107 12.5946 4.58306V5.86424C12.5946 6.18636 12.3278 6.4473 11.9985 6.4473Z" fill="currentColor"/><path d="M11.9985 19.9999C11.6692 19.9999 11.4023 19.7388 11.4023 19.417V18.1357C11.4023 17.8136 11.6693 17.5527 11.9985 17.5527C12.3278 17.5527 12.5946 17.8136 12.5946 18.1357V19.417C12.5946 19.7389 12.3278 19.9999 11.9985 19.9999Z" fill="currentColor"/><path d="M17.4622 9.566C17.2542 9.566 17.0521 9.45936 16.9424 9.26936C16.7805 8.98917 16.8816 8.63309 17.1685 8.47474L18.3093 7.84492C18.5959 7.68658 18.9598 7.78585 19.1216 8.06604C19.2835 8.34634 19.1822 8.70231 18.8954 8.86065L17.7549 9.49035C17.662 9.54172 17.5614 9.56601 17.4622 9.56601L17.4622 9.566Z" fill="currentColor"/><path d="M5.39748 16.2299C5.18964 16.2299 4.98723 16.1233 4.87771 15.9333C4.71615 15.6528 4.8173 15.2971 5.10392 15.1387L6.24476 14.509C6.53196 14.3506 6.89536 14.4497 7.05703 14.7301C7.21871 15.0107 7.11768 15.3664 6.83094 15.5248L5.69011 16.1545C5.59743 16.2059 5.49699 16.2299 5.39748 16.2299L5.39748 16.2299Z" fill="currentColor"/><path d="M6.5373 9.56614C6.43803 9.56614 6.33723 9.54207 6.24491 9.49083L5.10408 8.86101C4.81746 8.70266 4.71595 8.34703 4.87787 8.06639C5.03978 7.7862 5.40319 7.68682 5.69039 7.84528L6.83122 8.4751C7.11784 8.6331 7.2191 8.98908 7.05731 9.26948C6.94745 9.45927 6.74549 9.56612 6.5373 9.56612L6.5373 9.56614Z" fill="currentColor"/><path d="M18.6019 16.23C18.5026 16.23 18.4017 16.2059 18.3094 16.1547L17.1683 15.5246C16.8818 15.3666 16.7804 15.0109 16.9424 14.7302C17.1041 14.4499 17.4676 14.3505 17.7547 14.5091L18.8958 15.1386C19.1823 15.2971 19.2839 15.6527 19.1216 15.9332C19.0122 16.1235 18.8104 16.23 18.6019 16.23L18.6019 16.23Z" fill="currentColor"/><path d="M12.0001 8C9.79087 8 8 9.79092 8 11.9999C8 14.2091 9.79092 16 12.0001 16C14.2093 16 16 14.2091 16 11.9999C16 9.79082 14.2093 8 12.0001 8ZM14.8046 12.0341C14.7918 12.0357 14.779 12.0365 14.7665 12.0365C14.6205 12.0365 14.4934 11.928 14.4742 11.7791C14.315 10.5433 13.2989 9.5688 12.0576 9.46186C11.8954 9.448 11.775 9.30516 11.7892 9.14266C11.803 8.98045 11.9456 8.86054 12.1083 8.87401C13.624 9.00441 14.8653 10.194 15.0595 11.7033C15.0802 11.8655 14.9661 12.0134 14.8045 12.0341L14.8046 12.0341Z" fill="currentColor"/></svg> 700 <svg class="moon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9988 12.7929C19.7929 14.8157 18.8262 16.6847 17.2944 18.0217C15.7627 19.3589 13.7801 20.0643 11.748 19.9954C9.71586 19.9264 7.78568 19.0882 6.34823 17.6503C4.91061 16.2123 4.07298 14.2819 4.00453 12.2498C3.93622 10.2177 4.64221 8.23563 5.97991 6.70424C7.31762 5.17302 9.18701 4.20693 11.2099 4.00162C11.3338 3.98788 11.4503 4.06281 11.4891 4.1812C11.528 4.29959 11.4784 4.42897 11.3705 4.49129C10.3319 5.11046 9.50713 6.03188 9.00645 7.13234C8.50577 8.23295 8.35301 9.46007 8.56859 10.6497C8.78428 11.8394 9.35801 12.9349 10.2132 13.7897C11.0683 14.6445 12.1641 15.2179 13.3539 15.4331C14.5437 15.6484 15.7709 15.4952 16.8714 14.9942C17.9718 14.4932 18.893 13.6681 19.5119 12.6294C19.5755 12.5247 19.7029 12.4779 19.8192 12.5162C19.9355 12.5546 20.0099 12.668 19.9989 12.79L19.9988 12.7929Z" fill="currentColor"/></svg> 701 </a> 702 </div> 703 </div> 704 705 <div class="col-md-6"> 706 <div class="login_innre"> 707 <form id="login" method="post"> 708 <p class="title">Welcome back! 👋</p> 709 710 711 712 <div class="alert alert-danger errors"></div> 713 714 <div class="wow_form_fields"> 715 <label for="username">Enter Your Username</label> 716 <input id="username" name="username" type="text" autocomplete="off" placeholder="Username" autofocus> 717 </div> 718 <div class="wow_form_fields"> 719 <label for="password">Enter Your Password</label> 720 <input id="password" name="password" type="password" placeholder="Password" autocomplete="off"> 721 </div> 722 723 <div class="forgot_password"> 724 <div class="terms"> 725 <input type="checkbox" name="remember_device" id="remember_device" checked> 726 <label for="remember_device">Remember this device</label> 727 <div class="clear"></div> 728 </div> 729 <a href="https://userinterface.us/forgot-password" class="main">Forgot Password?</a> 730 </div> 731 732 <div class="login_signup_combo"> 733 <div class="login__"> 734 <button type="submit" class="btn btn-main btn-mat add_wow_loader">Sign In</button> 735 </div> 736 </div> 737 738 739 <div class="random_users"> 740 <div class="users-profiles"> 741<div class="user-image image-1"> 742 <a href="https://userinterface.us/Triniotr" title="Tricia Diaz"><img src="https://userinterface-av.s3.amazonaws.com/upload/photos/2026/07/BVLaQdUdkeDGniXPamEQ_29_a332f1fb57da383b9ceca061cbf1b6be_avatar.jpg?cache=0"></a> 743</div><div class="user-image image-2"> 744 <a href="https://userinterface.us/mico2" title="Mico Two"><img src="https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/4puo2F6O
744XUFfYDMqHbBB_19_58a32903f0a4e9a12f93e13fcde47ac2_avatar.jpg?cache=0"></a> 745</div><div class="user-image image-3"> 746 <a href="https://userinterface.us/Seket" title="Seket Aanru"><img src="https://userinterface-av.s3.amazonaws.com/upload/photos/2026/07/UDF4gkDCuD73v8KFTwwW_29_5db0ce749a9e64bb7b81744b358d337d_avatar.png?cache=1785369438"></a> 747</div><div class="user-image image-4"> 748 <a href="https://userinterface.us/natalieweaves" title="Natalie Weaves"><img src="https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/wMonly5sMxdTVqvFNYsM_16_3e2680e55dc70df13b6ab0a84aa3754c_avatar.jpg?cache=0"></a> 749</div><div class="user-image image-5"> 750 <a href="https://userinterface.us/Dwight_Redman" title="Dwight Redman"><img src="https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/irWUMqCkGEAmPNAHjptm_14_44a8eae1cee476ebe99a3deb58c53903_avatar.jpg?cache=1781470904"></a> 751</div></div> 752 </div> 753 754 </form> 755 756 <div class="footer"> 757 <div class="welcome-footer"> 758 <div> 759 © 2026 UserInterface • <a data-ajax="?link1=terms&type=terms" href="https://userinterface.us/terms/terms">Terms of Use</a> 760 • <a data-ajax="?link1=terms&type=privacy-policy" href="https://userinterface.us/terms/privacy-policy">Privacy Policy</a> 761 • <a data-ajax="?link1=contact-us" href="https://userinterface.us/contact-us">Contact Us</a> 762 • <a data-ajax="?link1=terms&type=about-us" href="https://userinterface.us/terms/about-us">About</a> 763 • <a data-ajax="?link1=directory" href="https://userinterface.us/directory">Directory</a> 764 • <a href="https://userinterface.us/blogs">Blog</a> 765 • <a href="https://userinterface.us/products" data-ajax="?link1=products">Market</a> 766 </div> 767 <div> 768 <span class="lang"> 769 <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="modal" data-target="#select-language"><svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" class="feather feather-translate" style="margin-top: -3px;width: 15px;height: 15px;vertical-align: middle;"><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z" /></svg> 770 Language</a> 771 </span> 772 </div> 773</div> <div class="clearfix"></div> 774 </div> 775 </div> 776 </div> 777 </div> 778</div> 779<style type="text/css"> 780 .lb-preloader{ 781 display: none; 782 } 783 784 .chat-all-container { 785 display: none; 786 } 787</style>
788<script> 789$(document).on('click', '#night_mode_toggle', function(event) { 790 mode = $(this).attr('data-mode'); 791 if (mode == 'night') { 792 $('head').append('<link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/dark.css" id="night-mode-css">'); 793 $('#night_mode_toggle').attr('data-mode', 'day'); 794 $(this).addClass('night'); 795 $(this).removeClass('day'); 796 replaceLogos('night'); 797 } else { 798 replaceLogos('day'); 799 $('#night-mode-css').remove(); 800 $('#night_mode_toggle').attr('data-mode', 'night'); 801 $(this).removeClass('night'); 802 $(this).addClass('day'); 803 } 804 $.post(Wo_Ajax_Requests_File() + '?mode=' + mode); 805}); 806 807var working = false; 808var $this = $('#login'); 809var $state = $this.find('.errors'); 810 811 812$(function() { 813 $('#login').ajaxForm({ 814 url: Wo_Ajax_Requests_File() + '?f=login', 815 beforeSend: function() { 816 working = true; 817 $this.find('button').attr("disabled", true); 818 $this.find('.add_wow_loader').addClass('btn-loading'); 819 }, 820 success: function(data) { 821 if (data.status == 200 || data.status == 600) { 822 $state.removeClass('alert-danger'); 823 $state.addClass('alert-success'); 824 825 $state.html('Welcome back!'); 826 $this.find('.add_wow_loader').removeClass('btn-loading'); 827 setTimeout(function () { 828 window.location.href = data.location; 829 }, 1000); 830 } else { 831 var errors = data.errors.join("<br>"); 832 $this.find('button').attr("disabled", false); 833 $this.find('.add_wow_loader').removeClass('btn-loading'); 834 $state.html(errors); 835 } 836 working = false; 837 } 838 }); 839}); 840</script>
840 841</div> 842 <footer> 843 </footer> 844 <div class="second-footer" style="display: none; "> 845 <div class="page-margin"> 846 <div class="footer-wrapper"> 847 <hr> 848 <div class="footer-powered"> 849 <p> 850 © 2026 UserInterface </p> 851 <ul class="list-inline"> 852 <li><a href="https://userinterface.us" data-ajax="?link1=home">Home</a></li> 853 <li><a href="https://userinterface.us/terms/about-us" data-ajax="?link1=terms&type=about-us">About</a></li> 854 <li><a href="https://userinterface.us/contact-us" data-ajax="?link1=contact-us">Contact Us</a></li> 855 <li><a href="https://userinterface.us/terms/privacy-policy" data-ajax="?link1=terms&type=privacy-policy">Privacy Policy</a></li> 856 <li><a href="https://userinterface.us/terms/terms" data-ajax="?link1=terms&type=terms">Terms of Use</a></li> 857 <li><a href="https://userinterface.us/terms/refund" data-ajax="?link1=terms&type=refund">Request a Refund</a></li> 858 859 <li><a href="https://userinterface.us/blogs" data-ajax="?link1=blogs">Blog</a></li> 860 <li><a data-ajax="?link1=developers" href="https://userinterface.us/developers">Developers</a></li> 861 </ul> 862 <ul class="lang_selct"> 863 <li> 864 <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="modal" data-target="#select-language"> 865 <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> 866 </li> 867 </ul> 868 </div> 869 <div class="clear"></div> 870 </div> 871</div> </div> 872 <div class="extra"> 873 </div> 874 </div> 875 <!-- Load modal alerts --> 876 <div class="modal fade in" id="comment_report_box" role="dialog"> 877 <div class="modal-dialog wow_mat_mdl"> 878 879 <div class="modal-content"> 880 <p class="wo_error_messages"> 881 <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> 882 <span class="msg">Comment reported successfully.</span> 883 </p> 884 </div> 885 886 </div> 887</div> 888 889<div class="modal fade in" id="post-shared" role="dialog"> 890 <div class="modal-dialog wow_mat_mdl"> 891 892 <div class="modal-content"> 893 <p class="wo_error_messages"> 894 <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> 895 Post was successfully added to your timeline! </p> 896 </div> 897 898 </div> 899</div> 900<div class="modal fade in" id="modal-alert" role="dialog"> 901 <div class="modal-dialog wow_mat_mdl"> 902 <div class="modal-content"> 903 <p class="wo_error_messages"> 904 <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>
905 <span id="modal-alert-msg"> 906 You have reached your limit of 5000 friends! </span> 907 </p> 908 </div> 909 </div> 910</div> 911<div class="modal fade in" id="invalid_file" role="dialog"> 912 <div class="modal-dialog wow_mat_mdl"> 913 914 <div class="modal-content"> 915 <p class="wo_error_messages"> 916 <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> 917 File size error: The file exceeds allowed the limit (954 MB) and can not be uploaded. </p> 918 </div> 919 920 </div> 921</div> 922<div class="modal fade in" id="ffmpeg_file" role="dialog"> 923 <div class="modal-dialog wow_mat_mdl"> 924 925 <div class="modal-content"> 926 <p style="text-align: center;padding: 30px 20px;font-size: 16px;margin: 0;"> 927 <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>
928 Your video is being processed, We’ll let you know when it's ready to view. </p> 929 </div> 930 931 </div> 932</div> 933<div class="modal fade in" id="file_not_supported" role="dialog"> 934 <div class="modal-dialog wow_mat_mdl"> 935 936 <div class="modal-content"> 937 <p class="wo_error_messages"> 938 <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> 939 Unable to upload a file: This file type is not supported. </p> 940 </div> 941 942 </div> 943</div> 944<div class="modal fade" id="modal_light_box" role="dialog"> 945 <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> 946 <div class="modal-dialog" > 947 <div class="modal-content"> 948 <div class="modal-body" style="padding: 0;"> 949 <img class="image" style="width: 100%;" > 950 </div> 951 </div> 952 </div> 953</div> 954<div class="modal fade in" id="adult_image_file" role="dialog"> 955 <div class="modal-dialog wow_mat_mdl"> 956 957 <div class="modal-content"> 958 <p class="wo_error_messages"> 959 <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> 960 We have detected some adult content on the image you uploaded, therefore we have declined your upload process. </p> 961 </div> 962 963 </div> 964</div> 965<div class="modal fade" id="share_post_on_group" role="dialog"> 966 <div class="modal-dialog modal-sm"> 967 <div class="modal-content"> 968 <div class="modal-header"> 969 <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> 970 <h4 class="modal-title"> 971 Share post on a group </h4> 972 </div> 973 <form id="share_post_on_group_form" class="share_post_on_group_form" method="POST"> 974 <div class="modal-body"> 975 <div id="share_post_on_group_form_alert"></div> 976 <div class="form-group input-group"> 977 <span class="input-group-addon pointer"> 978 <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> 979 </span> 980 <input onkeydown="SearchFor(this,'group')" type="text" class="form-control" name="name" placeholder="Please write the group name"> 981 <input type="hidden" id="SearchForInputGroup" name="group_id"> 982 <input type="hidden" id="SearchForInputPostId" name="post_id"> 983 </div> 984 </div> 985 <div class="modal-footer"> 986 <div class="ball-pulse"><div></div><div></div><div></div></div> 987 <button id="share_post_on_group_form_btn" type="button" class="btn btn-main"> 988 Share </button> 989 </div> 990 </form> 991 </div> 992 </div> 993</div> 994<div class="modal fade" id="share_post_on_page" role="dialog"> 995 <div class="modal-dialog modal-sm"> 996 <div class="modal-content"> 997 <div class="modal-header"> 998 <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> 999 <h4 class="modal-title"> 1000 Share to a page </h4> 1001 </div> 1002 <form id="share_post_on_page_form" class="share_post_on_page_form" method="POST"> 1003 <div class="modal-body"> 1004 <div id="share_post_on_page_form_alert"></div> 1005 <div class="form-group input-group">
1006 <span class="input-group-addon pointer"> 1007 <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> 1008 </span> 1009 <input onkeydown="SearchFor(this,'page')" type="text" class="form-control" name="name" placeholder="Please type the page name"> 1010 <input type="hidden" id="SearchForInputPage" name="page_id"> 1011 <input type="hidden" id="SearchForInputPostIdPage" name="post_id"> 1012 </div> 1013 </div> 1014 <div class="modal-footer"> 1015 <div class="ball-pulse"><div></div><div></div><div></div></div> 1016 <button id="share_post_on_page_form_btn" type="button" class="btn btn-main"> 1017 Share </button> 1018 </div> 1019 </form> 1020 </div> 1021 </div> 1022</div> 1023<div class="modal fade" id="share_post_on_user" role="dialog"> 1024 <div class="modal-dialog modal-sm"> 1025 <div class="modal-content"> 1026 <div class="modal-header"> 1027 <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> 1028 <h4 class="modal-title"> 1029 Share to user </h4> 1030 </div> 1031 <form id="share_post_on_page_form" class="share_post_on_user_form" method="POST"> 1032 <div class="modal-body"> 1033 <div id="share_post_on_user_form_alert"></div> 1034 <div class="form-group input-group"> 1035 <span class="input-group-addon pointer"> 1036 <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> 1037 </span> 1038 <input onkeydown="SearchFor(this,'user')" type="text" class="form-control" name="name" placeholder="Username"> 1039 <input type="hidden" id="SearchForInputUser" name="user_id"> 1040 <input type="hidden" id="SearchForInputUserPostId" name="post_id"> 1041 </div> 1042 </div> 1043 <div class="modal-footer"> 1044 <div class="ball-pulse"><div></div><div></div><div></div></div> 1045 <button id="share_post_on_user_form_btn" type="button" class="btn btn-main"> 1046 Share </button> 1047 </div> 1048 </form> 1049 </div> 1050 </div> 1051</div> 1052 1053 1054<div class="modal fade sun_modal" id="views-info-modal" role="dialog"> 1055 <div class="modal-dialog"> 1056 <div class="modal-content"> 1057 <div class="modal-header"> 1058 <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> 1059 <h4 class="modal-title"><span id="views_info_title"></span></h4> 1060 </div> 1061 <div class="modal-body"> 1062 <div id="views_info" class="wo_react_ursrs_list"></div> 1063 <div class="clearfix"></div> 1064 <div id="views_info_load" style="display: none;"> 1065 <div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor"> 1066 <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> 1067 </button> 1068 </div>
1069 </div> 1070 </div> 1071 </div> 1072 </div> 1073</div> 1074 1075<div class="modal fade sun_modal" id="users-reacted-modal" role="dialog"> 1076 <div class="modal-dialog wow_mat_mdl"> 1077 <div class="modal-content"> 1078 <div class="modal-header"> 1079 <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> 1080 <h4 class="modal-title"> 1081 <div class="who_react_modal"> 1082 1083 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);"> 1084 <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> 1085 </span> 1086 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);"> 1087 <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> 1088 </span> 1089 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);"> 1090 <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> 1091 </span> 1092 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);"> 1093 <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> 1094 </span> 1095 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);"> 1096 <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> 1097 </span> 1098 <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);"> 1099 <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> 1100 </span> 1101 1102 1103 <!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');"> 1104 <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> 1105 </span> 1106 <span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');"> 1107 <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div> 1108 </span> 1109 <span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');"> 1110 <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> 1111 </span> 1112 <span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');"> 1113 <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> 1114 </span> 1115 <span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');"> 1116 <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> 1117 </span> 1118 <span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');"> 1119 <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> 1120 </span> --> 1121 </div> 1122 </h4> 1123 </div> 1124 <div class="modal-body"> 1125 <div id="reacted_users_box" class="wo_react_ursrs_list"></div> 1126 <div class="clearfix"></div> 1127 <div id="reacted_users_load" style="display: none;"> 1128 <div class="load-more wo_react_ursrs_list_lod_mor"> 1129 <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> 1130 </button> 1131 </div>
1132 </div> 1133 </div> 1134 </div> 1135 </div> 1136</div> 1137 1138 1139<div class="modal fade in" id="approve_post" role="dialog"> 1140 <div class="modal-dialog wow_mat_mdl"> 1141 <div class="modal-content"> 1142 <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> 1143 </div> 1144 </div> 1145</div> 1146 1147<div class="modal fade in" id="error_post" role="dialog"> 1148 <div class="modal-dialog wow_mat_mdl"> 1149 1150 <div class="modal-content"> 1151 <p class="wo_error_messages" id="error_post_text"> 1152 </p> 1153 </div> 1154 1155 </div> 1156</div> 1157 1158<div class="modal fade in" id="pro_upload_file" role="dialog"> 1159 <div class="modal-dialog wow_mat_mdl"> 1160 1161 <div class="modal-content"> 1162 <p class="wo_error_messages"> 1163 <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> 1164 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> 1165 </p> 1166 </div> 1167 1168 </div> 1169</div> 1170 1171<div class="modal fade sun_modal" id="edit-offer-modal" role="dialog"> 1172<div class="modal-dialog"> 1173 <div class="modal-content"> 1174 <div class="modal-header"> 1175 <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> 1176 <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> 1177 </div> 1178 <div class="modal-body"> 1179 <div class="wo_settings_page"> 1180 <form class="edit-offer-form form-horizontal" method="post"> 1181 <div class="app-offer-alert app-general-alert"></div> 1182 <div class="clear"></div> 1183 <div class="setting-panel row job-setting-panel edit_offer_modal_form"> 1184 1185 1186 </div> 1187 1188 <div class="publisher-hidden-option"> 1189 <div id="progress" class="create-offer-progress"> 1190 <span id="percent" class="create-product-percent pull-right">0%</span> 1191 <div class="progress"> 1192 <div id="bar" class="progress-bar active create-product-bar"></div> 1193 </div> 1194 <div class="clear"></div> 1195 </div> 1196 </div> 1197 1198 1199 <div class="form-group last-sett-btn modal-footer"> 1200 <div class="ball-pulse"><div></div><div></div><div></div></div> 1201 <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button> 1202 </div> 1203 </form> 1204 </div> 1205 </div> 1206 </div> 1207</div> 1208</div> 1209 1210 1211 1212<div class="modal fade" id="add_tier_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;"> 1213 <div class="modal-dialog"> 1214 <div class="modal-content"> 1215 <div class="modal-header"> 1216 <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> 1217 <h4 class="modal-title">Add tier</h4> 1218 </div> 1219 <form class="form form-horizontal tier_form" method="post" action="#"> 1220 <div class="modal-body twocheckout_modal"> 1221 <div class="modal_add_tier_modal_alert"></div> 1222 <div class="clear"></div> 1223 <div class="sun_input col-md-6"> 1224 <input name="title" type="text" class="form-control input-md" autocomplete="off" placeholder="Tier title"> 1225 <label class="plr15">Tier title</label> 1226 </div> 1227 <div class="sun_input col-md-6"> 1228 <input name="price" type="number" class="form-control input-md" autocomplete="off" placeholder="Tier price"> 1229 <label class="plr15">Tier price</label> 1230 </div> 1231 <div class=" col-lg-12"> 1232 <label class="plr15">Benefits</label> 1233 <br> 1234 <input type="checkbox" name="benefits[]" value="chat" onclick="ShowBenefitsChat(this)"> 1235 <label>Chat</label><br> 1236 <div class="add_benefits_chat" style="display: none;">
1237 <input type="radio" id="benefits_chat_1" name="chat" value="chat_without_audio_video"> 1238 <label for="benefits_chat_1">Chat without audio and video call</label><br> 1239 <input type="radio" id="benefits_chat_2" name="chat" value="chat_with_audio_without_video"> 1240 <label for="benefits_chat_2">Chat with audio call and without video call</label><br> 1241 <input type="radio" id="benefits_chat_3" name="chat" value="chat_without_audio_with_video"> 1242 <label for="benefits_chat_3">Chat without audio call and with video call</label><br> 1243 <input type="radio" id="benefits_chat_4" name="chat" value="chat_with_audio_video"> 1244 <label for="benefits_chat_4">Chat with audio and video call</label><br> 1245 </div> 1246 <input type="checkbox" name="benefits[]" value="live_stream"> 1247 <label>Live Stream</label><br> 1248 </div> 1249 <div class="sun_input col-md-12"> 1250 <textarea class="form-control input-md" placeholder="Tier description" name="description"></textarea> 1251 <label class="plr15">Tier description</label> 1252 </div> 1253 <div class="clear"></div> 1254 <div class="form-group col-lg-12"> 1255 <label class="col-md-12">Tier image:</label> 1256 <div class="col-md-12"> 1257 <div class="select_ev_covr" id="select_tier_image"> 1258 <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> 1259 Select an image 1260 </div> 1261 </div> 1262 </div> 1263 </div> 1264 <input type="file" name="image" class="hidden" id="tier_image"> 1265 <div class="clear"></div> 1266 <div class="modal-footer"> 1267 <div class="ball-pulse"><div></div><div></div><div></div></div> 1268 <button type="submit" class="btn btn-main btn-mat">Add</button> 1269 </div> 1270 </form> 1271 </div> 1272 </div> 1273</div> 1274<div class="modal fade" id="delete-tier" tabindex="-1" role="dialog" aria-labelledby="delete-tier" aria-hidden="true" data-id="0"> 1275 <div class="modal-dialog mat_box" role="document"> 1276 <div class="modal-content"> 1277 <div class="modal-header"> 1278 <h5 class="modal-title"> Delete your tier</h5> 1279 </div> 1280 <div class="modal-body"> 1281 Are you sure you want to delete this tier? </div> 1282 <div class="modal-footer"> 1283 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1284 <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button> 1285 </div> 1286 </div> 1287 </div> 1288</div> 1289<div class="modal fade sun_modal" id="show_product_reviews_modal" role="dialog"> 1290 <div class="modal-dialog wow_mat_mdl"> 1291 <div class="modal-content check_reviews"> 1292 <div class="modal-header"> 1293 <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> 1294 <h4 class="modal-title">Reviews</h4> 1295 </div> 1296 <div class="modal-body"> 1297 <div id="show_product_reviews_modal_info" class="wo_react_ursrs_list"></div> 1298 <div class="clearfix"></div> 1299 <div id="show_product_reviews_modal_info_load" style="display: none;"> 1300 <div class="load-more"> 1301 <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> 1302 </div> 1303 </div> 1304 </div> 1305 </div> 1306 </div> 1307</div> 1308 1309<div class="modal fade in" id="monetization_modal" role="dialog"> 1310 <div class="modal-dialog wow_mat_mdl"> 1311 1312 <div class="modal-content"> 1313 <p class="wo_error_messages"> 1314 <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> 1315 In order to sell your content and posts, start by creating a few packages. <a href="https://userinterface.us/setting/Dwight_Redman/monetization">Monetization</a> 1316 </p> 1317 </div> 1318 1319 </div> 1320</div> 1321 <!-- <div id="node-js-templates"> 1322 <div> --> 1323 1324 1325 1326 1327 <!-- JS FILES --> 1328 1329
1329<script type="text/javascript" src="https://userinterface.us/themes/sunshine/javascript/welcome.js?version=4.3.4"></script>
1329 1330
1330<script type="text/javascript"> 1331 const node_socket_flow = "0" 1332 </script>
1332 1333
1333<script type="text/javascript" src="https://userinterface.us/themes/sunshine/javascript/script.js?version=4.3.4"></script>
1333 1334 <div class="extra-css"></div> 1335 1336 <!-- End 'JS FILES' --> 1337
1337<script type="text/javascript"> 1338 (function (factory) { 1339 if (typeof define === 'function' && define.amd) { 1340 // AMD. Register as an anonymous module. 1341 define(['jquery'], factory); 1342 } else { 1343 // Browser globals 1344 factory(jQuery); 1345 } 1346}(function ($) { 1347 $.timeago = function(timestamp) { 1348 if (timestamp instanceof Date) { 1349 return inWords(timestamp); 1350 } else if (typeof timestamp === "string") { 1351 return inWords($.timeago.parse(timestamp)); 1352 } else if (typeof timestamp === "number") { 1353 return inWords(new Date(timestamp)); 1354 } else { 1355 return inWords($.timeago.datetime(timestamp)); 1356 } 1357 }; 1358 var $t = $.timeago; 1359 1360 $.extend($.timeago, { 1361 settings: { 1362 refreshMillis: 60000, 1363 allowPast: true, 1364 allowFuture: false, 1365 localeTitle: false, 1366 cutoff: 0, 1367 strings: { 1368 prefixAgo: null, 1369 prefixFromNow: null, 1370 suffixAgo: "ago", 1371 suffixFromNow: "from now", 1372 inPast: "any moment now", 1373 seconds: "now", 1374 minute: "minute", 1375 minutes: "minutes", 1376 hour: "hour", 1377 hours: "hours", 1378 day: "day", 1379 days: "days", 1380 week: "Week", 1381 weeks: "Weeks", 1382 month: "month", 1383 months: "months", 1384 year: "year", 1385 years: "years", 1386 wordSeparator: " ", 1387 numbers: [] 1388 } 1389 }, 1390 1391 inWords: function(distanceMillis,type = '') { 1392 if(!this.settings.allowPast && ! this.settings.allowFuture) { 1393 throw 'timeago allowPast and allowFuture settings can not both be set to false.'; 1394 } 1395 1396 var $l = this.settings.strings; 1397 var prefix = $l.prefixAgo; 1398 var suffix = $l.suffixAgo; 1399 if (this.settings.allowFuture) { 1400 if (distanceMillis < 0) { 1401 prefix = $l.prefixFromNow; 1402 suffix = $l.suffixFromNow; 1403 } 1404 } 1405 1406 if(!this.settings.allowPast && distanceMillis >= 0) { 1407 return this.settings.strings.inPast; 1408 } 1409 1410 var seconds = Math.abs(distanceMillis) / 1000; 1411 var minutes = seconds / 60; 1412 var hours = minutes / 60; 1413 var days = hours / 24; 1414 var weeks = days / 7; 1415 var years = days / 365; 1416 1417 function substitute(stringOrFunction, number) { 1418 var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction; 1419 var value = ($l.numbers && $l.numbers[number]) || number; 1420 return number+' '+string.replace(/%d/i, value); 1421 //return string.replace(/%d/i, value); 1422 } 1423 1424 // var words = seconds < 45 && substitute($l.seconds, '') || 1425 // seconds < 90 && substitute('m', 1) || 1426 // minutes < 45 && substitute('m', Math.round(minutes)) || 1427 // minutes < 90 && substitute('h', 1) || 1428 // hours < 24 && substitute('hrs', Math.round(hours)) || 1429 // hours < 42 && substitute('d', 1) || 1430 // days < 7 && substitute('d', Math.round(days)) || 1431 // weeks < 2 && substitute('w', 1) || 1432 // weeks < 52 && substitute('w', Math.round(weeks)) || 1433 // years < 1.5 && substitute('y', 1) || 1434 // substitute('yrs', Math.round(years)); 1435 var words = ''; 1436 if (type != 'notification') { 1437 if (seconds < 45) { 1438 words = substitute($l.seconds, ''); 1439 } 1440 else if (seconds < 90) { 1441 words = substitute('m', 1); 1442 } 1443 else if (minutes < 45) { 1444 words = substitute('m', Math.round(minutes)); 1445 } 1446 else if (minutes < 90) { 1447 words = substitute('h', 1); 1448 } 1449 else if (hours < 24) { 1450 words = substitute('hrs', Math.round(hours)); 1451 } 1452 else if (hours < 42) { 1453 words = substitute('d', 1); 1454 } 1455 else if (days < 7) { 1456 words = substitute('d', Math.round(days)); 1457 } 1458 else if (weeks < 2) { 1459 words = substitute('w', 1); 1460 } 1461 else if (weeks < 52) { 1462 words = substitute('w', Math.round(weeks)); 1463 } 1464 else if (years < 1.5) { 1465 words = substitute('y', 1); 1466 } 1467 else { 1468 words = substitute('yrs', Math.round(years)); 1469 } 1470 } 1471 else{ 1472 if (seconds < 45) { 1473 words = substitute($l.seconds, ''); 1474 } 1475 else if (seconds < 90) { 1476 words = substitute($l.minute + ' ago', 1); 1477 } 1478 else if (minutes < 45) { 1479 words = substitute($l.minutes + ' ago', Math.round(minutes)); 1480 } 1481 else if (minutes < 90) { 1482 words = substitute($l.hour + ' ago', 1); 1483 } 1484 else if (hours < 24) { 1485 words = substitute($l.hours + ' ago', Math.round(hours)); 1486 } 1487 else if (hours < 42) { 1488 words = substitute($l.day + ' ago', 1); 1489 } 1490 else if (days < 7) { 1491 words = substitute($l.days + ' ago', Math.round(days)); 1492 } 1493 else if (weeks < 2) { 1494 words = substitute($l.week + ' ago', 1); 1495 } 1496 else if (weeks < 52) { 1497 words = substitute($l.weeks + ' ago', Math.round(weeks)); 1498 } 1499 else if (years < 1.5) { 1500 words = substitute($l.year + ' ago', 1); 1501 } 1502 else { 1503 words = substitute($l.years + ' ago', Math.round(years)); 1504 } 1505 } 1506 1507 1508 1509 1510 var separator = $l.wordSeparator || ""; 1511 if ($l.wordSeparator === undefined) { separator = " "; } 1512 1513 1514 return $.trim([prefix, words].join(separator)); 1515 1516 }, 1517 1518 parse: function(iso8601) { 1519 var s = $.trim(iso8601); 1520 s = s.replace(/\.\d+/,""); // remove milliseconds 1521 s = s.replace(/-/,"/").replace(/-/,"/"); 1522 s = s.replace(/T/," ").replace(/Z/," UTC"); 1523 s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400 1524 s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900 1525 return new Date(s); 1526 }, 1527 datetime: function(elem) { 1528 var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title"); 1529 return $t.parse(iso8601); 1530 }, 1531 isTime: function(elem) { 1532 // jQuery's `is()` doesn't play well with HTML5 in IE 1533 return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time"); 1534 } 1535 }); 1536 1537 // functions that can be called via $(el).timeago('action') 1538 // init is default when no action is given 1539 // functions are called with context of a single element 1540 var functions = { 1541 init: function(){ 1542 var refresh_el = $.proxy(refresh, this); 1543 refresh_el(); 1544 var $s = $t.settings; 1545 if ($s.refreshMillis > 0) { 1546 this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis); 1547 } 1548 }, 1549 update: function(time){ 1550 var parsedTime = $t.parse(time); 1551 $(this).data('timeago', { datetime: parsedTime }); 1552 if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleStr
1552ing()); 1553 refresh.apply(this); 1554 }, 1555 updateFromDOM: function(){ 1556 $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) }); 1557 refresh.apply(this); 1558 }, 1559 dispose: function () { 1560 if (this._timeagoInterval) { 1561 window.clearInterval(this._timeagoInterval); 1562 this._timeagoInterval = null; 1563 } 1564 } 1565 }; 1566 1567 $.fn.timeago = function(action, options) { 1568 var fn = action ? functions[action] : functions.init; 1569 if(!fn){ 1570 throw new Error("Unknown function name '"+ action +"' for timeago"); 1571 } 1572 // each over objects here and call the requested function 1573 this.each(function(){ 1574 fn.call(this, options); 1575 }); 1576 return this; 1577 }; 1578 1579 function refresh() { 1580 var data = prepareData(this); 1581 var $s = $t.settings; 1582 1583 if (!isNaN(data.datetime)) { 1584 if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) { 1585 let tType = ''; 1586 if ($(this).hasClass('notification-time')) { 1587 tType = 'notification'; 1588 } 1589 $(this).text(inWords(data.datetime,tType)); 1590 } 1591 } 1592 return this; 1593 } 1594 1595 function prepareData(element) { 1596 element = $(element); 1597 if (!element.data("timeago")) { 1598 element.data("timeago", { datetime: $t.datetime(element) }); 1599 var text = $.trim(element.text()); 1600 if ($t.settings.localeTitle) { 1601 element.attr("title", element.data('timeago').datetime.toLocaleString()); 1602 } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) { 1603 element.attr("title", text); 1604 } 1605 } 1606 return element.data("timeago"); 1607 } 1608 1609 function inWords(date,type) { 1610 return $t.inWords(distance(date),type); 1611 } 1612 1613 function distance(date) { 1614 return (new Date().getTime() - date.getTime()); 1615 } 1616 1617 // fix for IE6 suckage 1618 document.createElement("abbr"); 1619 document.createElement("time"); 1620})); 1621 1622 1623$(function () { 1624 setInterval(function () { 1625 1626 if ( $('.ajax-time').length > 0) { 1627 $('.ajax-time').timeago() 1628 .removeClass('.ajax-time'); 1629 } 1630 }, 1631 1000); 1632}); 1633</script>
1633 1634 <!-- Audio FILES --> 1635 1636 <!-- End 'Audio FILES' --> 1637
1637<script> 1638 function _getSession(cname) { 1639 return ''; 1640 } 1641 function ReadMoreText(selector) { 1642 let text = "Read More"; 1643 if (typeof selector == 'object') { 1644 selector = $(selector).attr('class'); 1645 } 1646 for (var i = 0; i < $(selector).length; i++) { 1647 var t = $(selector)[i]; 1648 if (!$(t).hasClass('ReadMoreAdded') && $(t).text().trim().length > 0 && $(t).height() > 190) { 1649 var c = new Date().getUTCMilliseconds() + (Math.floor(Math.random() * 9999)) + 100 + "_" + i; 1650 $(t).addClass(c); 1651 $(t).addClass('ReadMoreAdded'); 1652 $(t).css({ maxHeight: "160px" }) 1653 $(t).after('<a href="javascript:void(0)" onclick="ShowReadMoreText(\'.'+c+'\',this)">'+text+'</a>'); 1654 } 1655 } 1656 } 1657 function ShowReadMoreText(selector,self) { 1658 let text = "Read less"; 1659 $(selector).css({ maxHeight: "" }) 1660 $(self).replaceWith('<a href="javascript:void(0)" onclick="HideReadMoreText(\''+selector+'\',this)">'+text+'</a>') 1661 } 1662 function HideReadMoreText(selector,self) { 1663 let text = "Read more"; 1664 $(selector).css({ maxHeight: "160px" }) 1665 $(self).replaceWith('<a href="javascript:void(0)" onclick="ShowReadMoreText(\''+selector+'\',this)">'+text+'</a>') 1666 }
1667 let f = navigator.userAgent.search("Firefox"); 1668 if (f > -1) { 1669 $('.header-brand').attr('href', "https://userinterface.us/?cache=1790242005"); 1670 } 1671 function ShowCommentGif(id,type) { 1672 $( ".gif_post_comment" ).each(function( index ) { 1673 if ($( this ).attr('id') != 'gif-form-'+id) { 1674 $( this ).slideUp(); 1675 } 1676 }); 1677 $('#gif-form-'+id).slideToggle(200); 1678 $('.gif_post_comment_gif').html(''); 1679 } 1680 function GifScrolledC(self) { 1681 if ((($(self).prop("scrollHeight") - $(self).height()) - $(self).scrollTop()) < 300) { 1682 id = $(self).attr('GId'); 1683 type = $(self).attr('GType'); 1684 word = $(self).attr('GWord'); 1685 offset = $(self).attr('GOffset'); 1686 SearchForGif(word,id,type,offset); 1687 } 1688 } 1689 function SearchForGif(keyword,id = 0,type = '',offset = 0) { 1690 1691 if ($('#publisher-box-stickers-cont-'+id).attr('GWord') != keyword) { 1692 $('#publisher-box-stickers-cont-'+id).empty(); 1693 $('#publisher-box-stickers-cont-'+id).attr('GOffset', 0); 1694 $('#publisher-box-stickers-cont-'+id).attr('GWord', keyword); 1695 } 1696 else{ 1697 $('#publisher-box-stickers-cont-'+id).attr('GOffset', parseInt($('#publisher-box-stickers-cont-'+id).attr('GOffset')) + 20); 1698 } 1699 Wo_Delay(function(){ 1700 $.ajax({
1701 url: 'https://api.giphy.com/v1/gifs/search?', 1702 type: 'GET', 1703 dataType: 'json', 1704 data: {q:keyword,api_key:'420d477a542b4287b2bf91ac134ae041', limit: 20,offset: offset}, 1705 }) 1706 .done(function(data) { 1707 if (data.meta.status == 200 && data.data.length > 0) { 1708 var appended = false; 1709 for (var i = 0; i < data.data.length; i++) { 1710 appended = true; 1711 if (appended == true) { 1712 appended = false; 1713 if (type == 'story') { 1714 $('#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>')); 1715 } 1716 else{ 1717 $('#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>')); 1718 } 1719 appended = true; 1720 } 1721 } 1722 var images = 0; 1723 Wo_ElementLoad($('img[alt=gif]'), function(){ 1724 images++; 1725 }); 1726 if (data.data.length == images || images >= 5) { 1727 1728 } 1729 } 1730 else{ 1731 $('#publisher-box-stickers-cont-'+id).html('<p class="no_gifs_found"><i class="fa fa-frown-o"></i> No result to show</p>'); 1732 } 1733 }) 1734 .fail(function() { 1735 console.log("error"); 1736 }) 1737 },100); 1738 } 1739 function ShowCommentStickers(id,type) { 1740 $('.gif_post_comment').slideUp(200); 1741 $('.gif_post_comment_gif').html(''); 1742 $('#sticker-form-'+id).slideToggle(200); 1743 $('.chat-box-stickers-cont').empty(); 1744 functionName = "Wo_PostReplyCommentSticker_"+id+"(this,"+id+");"; 1745 if (type == 'story') { 1746 functionName = "Wo_PostCommentSticker_"+id+"(this,"+id+");"; 1747 } 1748 1749 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>'; 1750 $('#publisher-box-sticker-cont-'+id).html(sticker); 1751 1752 } 1753 $(window).on("popstate", function (e) { 1754 location.reload(); 1755 }); 1756 /*Language Select*/ 1757 $(document).ready(function(){ 1758 $("#wo_language_modal .language_select .English").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/united-states.svg"/></span> '); 1759 $("#wo_language_modal .language_select .Arabic").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/saudi-arabia.svg"/></span> '); 1760 $("#wo_language_modal .language_select .Dutch").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/netherlands.svg"/></span> '); 1761 $("#wo_language_modal .language_select .French").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/france.svg"/></span> '); 1762 $("#wo_language_modal .language_select .German").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/germany.svg"/></span> '); 1763 $("#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> '); 1764 $("#wo_language_modal .language_select .Italian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/italy.svg"/></span> '); 1765 $("#wo_language_modal .language_select .Portuguese").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/portugal.svg"/></span> '); 1766 $("#wo_language_modal .language_select .Russian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/russia.svg"/></span> '); 1767 $("#wo_language_modal .language_select .Spanish").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/spain.svg"/></span> '); 1768 $("#wo_language_modal .language_select .Serbian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/serbia.svg"/></span> '); 1769 $("#wo_language_modal .language_select .Turkish").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/turkey.svg"/></span> '); 1770 }); 1771 /* 1772 1773The code entered here will be added in <footer> tag 1774 1775*/ </script>
1775 1776
1776<script> 1777 window.addEventListener("load", function(){ 1778 window.cookieconsent.initialise({ 1779 "palette": { 1780 "popup": { 1781 "background": "#1e2321", 1782 "text": "#fff" 1783 }, 1784 "button": { 1785 "background": "#c64d53" 1786 } 1787 }, 1788 "theme": "classic", 1789 "content": { 1790 "message": "This website uses cookies to ensure you get the best experience on our website.", 1791 "dismiss": "Got It!", 1792 "link": "Learn More", 1793 "href": "https://userinterface.us/terms/privacy-policy" 1794 } 1795 })}); 1796 </script>
1796 1797 1798 <!-- // NEW STORY --> 1799
1799<script type="text/javascript"> 1800 $(document).on('mouseover', '.story_lightbox', function(event) { 1801 $('.width_').css('width', $('.width_').css('width')); 1802 value = $(this).attr('data-post-id'); 1803 $(this).addClass('dont_close_story_'+value); 1804 }); 1805 $(document).on('mouseleave', '.story_lightbox', function(event) { 1806 Wo_Delay(function(){ 1807 if ($('#users-reacted-modal').is(':hidden')) { 1808 value = $(this).attr('data-post-id'); 1809 $(this).removeClass('dont_close_story_'+value); 1810 setTimeout(function(){ 1811 $('.width_').css('width', '100%'); 1812 }, 700); 1813 Wo_Delay(function(){ 1814 if ($('.dont_close_story_'+value).length == 0) { 1815 $('.story_lightbox').find('.next-btn').click(); 1816 } 1817 }, 10000); 1818 } 1819 }, 500); 1820 1821 }); 1822 $(document).on('click', '.story-image-wrapper', function(event) { 1823 event.preventDefault(); 1824 $('#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>'); 1825 1826 $value = $(this).parents(".story-container").attr('data-status-id'); 1827 $.post(Wo_Ajax_Requests_File() + '?f=story_view', {id: $value}, function(data, textStatus, xhr) { 1828 if (data.status == 200) { 1829 document.body.style.overflow = 'hidden'; 1830 $('.lightbox-container').html(data.html); 1831 $('.width_').addClass('load'); 1832 setTimeout(function(){ 1833 $('.width_').css('width', '100%'); 1834 }, 200); 1835 Wo_Delay(function(){ 1836 if ($('.dont_close_story_'+$value).length == 0) { 1837 Get_NextStory(data.story_id); 1838 } 1839 }, 10000); 1840 } 1841 else{ 1842 Wo_CloseLightbox(); 1843 } 1844 }); 1845 }); 1846 1847 function Wo_GetMoreStoryViews(story_id,self) { 1848 last_view = $('.story_views_').last().attr('id'); 1849 $(self).addClass('dont_close_story_'+story_id); 1850 $(self).find('span').html('Please wait..'); 1851 $.post(Wo_Ajax_Requests_File() + '?f=story_views_', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) { 1852 if (data.status == 200) { 1853 $(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'); 1854 1855 $('.views_container_').append(data.html); 1856 } 1857 else{ 1858 $(self).find('button').html('No more views'); 1859 1860 } 1861 }); 1862 } 1863 $(document).on('click', '.see_all_stories', function(event) { 1864 event.preventDefault(); 1865 $('#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
1865inite" 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>'); 1866 user_id = $(this).attr('data_story_user_id'); 1867 type = $(this).attr('data_story_type'); 1868 $.post(Wo_Ajax_Requests_File() + '?f=view_all_stories', {user_id: user_id,type:type}, function(data, textStatus, xhr) { 1869 if (node_socket_flow == "1") { 1870 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 1871 } 1872 document.body.style.overflow = 'hidden'; 1873 $('.lightbox-container').html(data.html); 1874 setTimeout(function(){ 1875 video_story = $('#video_story').attr('data-story-video'); 1876 if ($('[data-story-video='+video_story+']').length == 0) { 1877 1878 $('.width_').addClass('load'); 1879 setTimeout(function(){ 1880 $('.width_').css('width', '100%'); 1881 }, 200); 1882 Wo_Delay(function(){ 1883 value = $('.user_story_').attr('id'); 1884 1885 if ($('.dont_close_story_'+value).length == 0) { 1886 if (type == 'user') { 1887 Get_NextStory(data.story_id); 1888 } 1889 else{ 1890 1891 Get_NextStory(data.story_id,'friends'); 1892 } 1893 } 1894 }, 10000); 1895 } 1896 }, 200); 1897 }); 1898 }); 1899 function Get_PreviousStory(story_id,story_type = '') { 1900 if ($('.lightbox-container').is(":visible")) { 1901 1902 Wo_CloseLightbox(); 1903 $('#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>'); 1904 $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'previous',story_type:story_type}, function(data, textStatus, xhr) { 1905 user_id = $(this).attr('data_story_user_id'); 1906 if (node_socket_flow == "1") { 1907 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 1908 } 1909 if (data.status == 200) { 1910 document.body.style.overflow = 'hidden'; 1911 $('.lightbox-container').html(data.html); 1912 video_story = $('#video_story').attr('data-story-video'); 1913 if ($('[data-story-video='+video_story+']').length == 0) { 1914 $('.width_').addClass('load'); 1915 setTimeout(function(){ 1916 $('.width_').css('width', '100%'); 1917 }, 200); 1918 Wo_Delay(function(){ 1919 value = $('.user_story_').attr('id'); 1920 if ($('.dont_close_story_'+value).length == 0) { 1921 if (story_type == 'user') { 1922 if ($('.lightpost-'+data.story_id).length > 0) { 1923 Get_NextStory(data.story_id); 1924 } 1925 } 1926 else{ 1927 if ($('.lightpost-'+data.story_id).length > 0) { 1928 Get_NextStory(data.story_id,'friends'); 1929 } 1930 } 1931 } 1932 }, 10000); 1933 } 1934 } 1935 else{ 1936 Wo_CloseLightbox(); 1937 } 1938 }); 1939 } 1940 } 1941 function Get_NextStory(story_id,story_type = '') { 1942 if ($('.lightbox-container').is(":visible")) { 1943 1944 Wo_CloseLightbox(); 1945 $('#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
1945inite" 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>'); 1946 $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'next',story_type:story_type}, function(data, textStatus, xhr) { 1947 if (data.status == 200) { 1948 user_id = $(this).attr('data_story_user_id'); 1949 if (node_socket_flow == "1") { 1950 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 1951 } 1952 document.body.style.overflow = 'hidden'; 1953 $('.lightbox-container').html(data.html); 1954 video_story = $('#video_story').attr('data-story-video'); 1955 if ($('[data-story-video='+video_story+']').length == 0) { 1956 $('.width_').addClass('load'); 1957 setTimeout(function(){ 1958 $('.width_').css('width', '100%'); 1959 }, 200); 1960 Wo_Delay(function(){ 1961 value = $('.user_story_').attr('id'); 1962 if ($('.dont_close_story_'+value).length == 0) { 1963 if (story_type == 'user') { 1964 if ($('.lightpost-'+data.story_id).length > 0) { 1965 Get_NextStory(data.story_id); 1966 } 1967 } 1968 else{ 1969 if ($('.lightpost-'+data.story_id).length > 0) { 1970 Get_NextStory(data.story_id,'friends'); 1971 } 1972 } 1973 } 1974 }, 10000); 1975 } 1976 } 1977 else{ 1978 if (story_type == 'user') { 1979 if($('.unseen_story').length > 0){ 1980 $('.unseen_story').addClass('seen_story'); 1981 $('.unseen_story').removeClass('unseen_story'); 1982 1983 } 1984 } 1985 Wo_CloseLightbox(); 1986 } 1987 }); 1988 } 1989 } 1990 function Get_CurrentStory(story_id,story_type = '') { 1991 1992 Wo_CloseLightbox(); 1993 $('#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>'); 1994 $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'current',story_type:story_type}, function(data, textStatus, xhr) { 1995 if (data.status == 200) { 1996 user_id = $(this).attr('data_story_user_id'); 1997 if (node_socket_flow == "1") { 1998 socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); 1999 } 2000 document.body.style.overflow = 'hidden'; 2001 $('.lightbox-container').html(data.html); 2002 video_story = $('#video_story').attr('data-story-video'); 2003 if ($('[data-story-video='+video_story+']').length == 0) { 2004 $('.width_').addClass('load'); 2005 setTimeout(function(){ 2006 $('.width_').css('width', '100%'); 2007 }, 200); 2008 Wo_Delay(function(){ 2009 value = $('.user_story_').attr('id'); 2010 if ($('.dont_close_story_'+value).length == 0) { 2011 if (story_type == 'user') { 2012 if ($('.lightpost-'+data.story_id).length > 0) { 2013 Get_NextStory(data.story_id); 2014 } 2015 } 2016 else{ 2017 if ($('.lightpost-'+data.story_id).length > 0) { 2018 Get_NextStory(data.story_id,'friends'); 2019 } 2020 } 2021 } 2022 }, 10000); 2023 } 2024 } 2025 else{ 2026 if (story_type == 'user') { 2027 if($('.unseen_story').length > 0){ 2028 $('.unseen_story').addClass('seen_story'); 2029 $('.unseen_story').removeClass('unseen_story'); 2030 2031 } 2032 } 2033 Wo_CloseLightbox(); 2034 } 2035 }); 2036 } 2037 </script>
2037 2038 <!-- // NEW STORY --> 2039 2040 <div class="modal fade sun_modal" id="apply-job-modal" role="dialog"> 2041 </div> 2042 <div id="pay_modal_wallet"> 2043 <div class="modal fade wow_mat_pops" id="pay-go-pro" role="dialog" data-keyboard="false"> 2044 <div class="modal-dialog"> 2045 <div class="modal-content"> 2046 <div class="wow_pops_head"> 2047 <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> 2048 <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> 2049 </div> 2050 <div class="modal-body"> 2051 <div class="pay_modal_wallet_alert"></div> 2052 <h4 class="pay_modal_wallet_text"></h4> 2053 </div> 2054 <div class="clear"></div> 2055 <div class="modal-footer"> 2056 <div class="ball-pulse"><div></div><div></div><div></div></div> 2057 <button type="button" class="btn btn-mat btn-main" id="pay_modal_wallet_btn">Pay Now</button> 2058 </div> 2059 </div> 2060 </div> 2061 </div> 2062 </div> 2063 <!-- HTML NOTIFICATION POPUP --> 2064 <div id="notification-popup"></div> 2065 <!-- HTML NOTIFICATION POPUP --> 2066 2067 <div class="modal fade" id="add_monetization_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;"> 2068 <div class="modal-dialog wow_mat_mdl"> 2069 <div class="modal-content"> 2070 <div class="modal-header"> 2071 <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> 2072 <h4 class="modal-title">Add Package</h4> 2073 </div> 2074 <form class="form form-horizontal monetization_form" method="post" action="#"> 2075 <div class="modal-body twocheckout_modal"> 2076 <div class="modal_add_monetization_modal_alert"></div> 2077 <div class="clear"></div> 2078 <div class="row"> 2079 <div class="col-md-12"> 2080 <div class="wow_form_fields"> 2081 <label for="title">Title</label> 2082 <input id="title" name="title" type="text" autocomplete="off" placeholder="Title" value=""> 2083 </div> 2084 </div> 2085 2086 <div class="col-md-8"> 2087 <div class="wow_form_fields"> 2088 <label for="price">Price</label> 2089 <input id="price" name="price" type="number" autocomplete="off" placeholder="Price" value=""> 2090 </div> 2091 </div> 2092 <div class="col-md-4"> 2093 <div class="wow_form_fields"> 2094 <label for="currency"> </label> 2095 <select id="currency" name="currency"> 2096 <option value="0">USD ($)</option> 2097 <option value="1">EUR (€)</option> 2098 <option value="2">JPY (¥)</option> 2099 <option value="3">TRY (₺)</option> 2100 <option value="4">GBP (£)</option> 2101 <option value="5">RUB (₽)</option> 2102 <option value="6">PLN (zł)</option> 2103 <option value="7">ILS (₪)</option> 2104 <option value="8">BRL (R$)</option> 2105 <option value="9">INR (₹)</option> 2106 </select> 2107 </div> 2108 </div> 2109 2110 <div class="col-md-12"> 2111 <div class="wow_form_fields"> 2112 <label for="period">Duration</label> 2113 <select id="period" name="period"> 2114 <option value="daily">Daily</option> 2115 <option value="weekly">Weekly</option> 2116 <option value="monthly">Monthly</option> 2117 <option value="yearly">Yearly</option> 2118 </select> 2119 </div> 2120 </div> 2121 <div class="col-md-12"> 2122 <div class="wow_form_fields"> 2123 <label for="description">Description</label> 2124 <textarea id="description" name="description" type="text" rows="3" autocomplete="off" placeholder="Description"></textarea> 2125 </div> 2126 </div> 2127 </div> 2128 <div class="clear"></div> 2129 </div> 2130 <div class="clear"></div> 2131 <div class="modal-footer"> 2132 <div class="ball-pulse"><div></div><div></div><div></div></div> 2133 <button type="submit" class="btn btn-main btn-mat">Add</button> 2134 </div> 2135 </form> 2136 </div> 2137 </div> 2138 </div> 2139 <div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0"> 2140 <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document"> 2141 <div class="modal-content"> 2142 <div class="modal-header"> 2143 <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> 2144 <h4 class="modal-title">Delete your address</h4> 2145 </div> 2146 <div class="modal-body"> 2147 Are you sure you want to delete this address? </div> 2148 <div class="modal-footer"> 2149 <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Delete</button> 2150 </div> 2151 </div> 2152 </div> 2153 </div> 2154 <div class="modal fade" id="delete-monetization" tabindex="-1" role="dialog" aria-labelledby="delete-monetization" aria-hidden="true" data-id="0"> 2155 <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document"> 2156 <div class="modal-content"> 2157 <div class="modal-header"> 2158 <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> 2159 <h4 class="modal-title">Remove your monetization package</h4> 2160 </div> 2161 <div class="modal-body"> 2162 Are you sure you want to delete this package? </div> 2163 <div class="modal-footer"> 2164 <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Delete</button> 2165 </div> 2166 </div> 2167 </div> 2168 </div> 2169 <div class="modal fade" id="unsubscribe-monetization" tabindex="-1" role="dialog" aria-labelledby="unsubscribe-monetization" aria-hidden="true" data-id="0"> 2170 <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document"> 2171 <div class="modal-content"> 2172 <div class="modal-header"> 2173 <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> 2174 <h4 class="modal-title">Unsubscribe</h4> 2175 </div> 2176 <div class="modal-body"> 2177 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> 2178 <div class="modal-footer"> 2179 <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Unsubscribe</button> 2180 </div> 2181 </div> 2182 </div> 2183 </div> 2184 <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"> 2185 <div class="modal-dialog modal-md mat_box" role="document"> 2186 <div class="modal-content"> 2187 <div class="ch_payment_head"> 2188 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2188<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> 2189 <h4>Payment Alert</h4> 2190 </div> 2191 <div class="modal-body"> 2192 <div class="modal_product_pay_alert"></div> 2193 You are about to purchase the items, do you want to proceed? </div> 2194 <div class="modal-footer"> 2195 <input type="hidden" id="product_id"> 2196 <input type="hidden" id="product_price"> 2197 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 2198 <button type="button" class="btn btn-main btn-mat">Pay Now</button> 2199 </div> 2200 </div> 2201 </div> 2202 </div> 2203 <div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0"> 2204 <div class="modal-dialog mat_box wow_mat_mdl" role="document"> 2205 <div class="modal-content"> 2206 <div class="modal-header"> 2207 <h5 class="modal-title">Request a Refund</h5> 2208 </div> 2209 <form class="refund_order_form" method="post"> 2210 <div class="modal-body"> 2211 <div class="modal_refund_order_modal_alert"></div> 2212 <div class="wow_form_fields"> 2213 <label class="form-label">Please explain the reason</label> 2214 <textarea placeholder="Please explain the reason" rows="5" name="message" id="refund_order_message"></textarea> 2215 </div> 2216 </div> 2217 <div class="modal-footer"> 2218 <button type="button" class="btn btn-default btn-mat" data-dismiss="modal">Cancel</button> 2219 <button type="submit" class="btn btn-main btn-mat get_refnd">Request</button> 2220 </div> 2221 </form> 2222 </div> 2223 </div> 2224 </div> 2225 2226 <a href="https://userinterface.us/checkout" data-ajax="?link1=checkout" id="load_checkout" style="display: none;"></a> 2227 2228 <div id="select-language" class="modal fade" data-keyboard="false"> 2229 <div class="modal-dialog modal-lg wow_mat_mdl lang_select_modal"> 2230 <div class="modal-content"> 2231 <div class="modal-body"> 2232 <div class="row"> 2233 <div class="col-md-4"> 2234 <div class="language_info"> 2235 <h3>Language</h3> 2236 <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.
2236009-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"/>
2236<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> 2237 </div> 2238 </div> 2239 <div class="col-md-8"> 2240 <ul class="lang_modal"> 2241 <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li> 2242 <li class="language_select"><a href="?lang=bengali" rel="nofollow" class="Bengali">Bengali</a></li> 2243 <li class="language_select"><a href="?lang=chinese" rel="nofollow" class="Chinese">Chinese</a></li> 2244 <li class="language_select"><a href="?lang=croatian" rel="nofollow" class="Croatian">Croatian</a></li> 2245 <li class="language_select"><a href="?lang=danish" rel="nofollow" class="Danish">Danish</a></li> 2246 <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li> 2247 <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li> 2248 <li class="language_select"><a href="?lang=filipino" rel="nofollow" class="Filipino">Filipino</a></li> 2249 <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li> 2250 <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li> 2251 <li class="language_select"><a href="?lang=hebrew" rel="nofollow" class="Hebrew">Hebrew</a></li> 2252 <li class="language_select"><a href="?lang=hindi" rel="nofollow" class="Hindi">Hindi</a></li> 2253 <li class="language_select"><a href="?lang=indonesian" rel="nofollow" class="Indonesian">Indonesian</a></li> 2254 <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li> 2255 <li class="language_select"><a href="?lang=japanese" rel="nofollow" class="Japanese">Japanese</a></li> 2256 <li class="language_select"><a href="?lang=korean" rel="nofollow" class="Korean">Korean</a></li> 2257 <li class="language_select"><a href="?lang=persian" rel="nofollow" class="Persian">Persian</a></li> 2258 <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li> 2259 <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li> 2260 <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li> 2261 <li class="language_select"><a href="?lang=swedish" rel="nofollow" class="Swedish">Swedish</a></li> 2262 <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li> 2263 <li class="language_select"><a href="?lang=urdu" rel="nofollow" class="Urdu">Urdu</a></li> 2264 <li class="language_select"><a href="?lang=vietnamese" rel="nofollow" class="Vietnamese">Vietnamese</a></li> 2265 </ul> 2266 </div> 2267 </div> 2268 </div> 2269 </div> 2270 </div> 2271 </div> 2272 2273 </body> 2274</html> 2275
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.