1<!DOCTYPE html> 2 3<html dir="ltr" lang="en"> 4 5<head> 6 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes"> 10 <title>Login | uTalk</title> 11 12 13 <link rel='alternate' hreflang='en' href='https://utalk.com/accounts/login'> 14 <link rel='alternate' hreflang='fr' href='https://utalk.com/fr/accounts/login'> 15 <link rel='alternate' hreflang='de' href='https://utalk.com/de/accounts/login'> 16 <link rel='alternate' hreflang='es' href='https://utalk.com/es/accounts/login'> 17 <link rel='alternate' hreflang='it' href='https://utalk.com/it/accounts/login'> 18 <link rel='alternate' hreflang='ru' href='https://utalk.com/ru/accounts/login'> 19 <link rel='alternate' hreflang='nl' href='https://utalk.com/nl/accounts/login'> 20 <link rel='alternate' hreflang='sv' href='https://utalk.com/sv/accounts/login'> 21 <link rel='alternate' hreflang='no' href='https://utalk.com/no/accounts/login'> 22 <link rel='alternate' hreflang='da' href='https://utalk.com/da/accounts/login'> 23 <link rel='alternate' hreflang='fi' href='https://utalk.com/fi/accounts/login'> 24 <link rel='alternate' hreflang='hu' href='https://utalk.com/hu/accounts/login'> 25 <link rel='alternate' hreflang='el' href='https://utalk.com/el/accounts/login'> 26 <link rel='alternate' hreflang='tr' href='https://utalk.com/tr/accounts/login'> 27 <link rel='alternate' hreflang='he' href='https://utalk.com/he/accounts/login'> 28 <link rel='alternate' hreflang='zh' href='https://utalk.com/zh/accounts/login'> 29 <link rel='alternate' hreflang='ja' href='https://utalk.com/ja/accounts/login'> 30 <link rel='alternate' hreflang='cs' href='https://utalk.com/cs/accounts/login'> 31 <link rel='alternate' hreflang='sk' href='https://utalk.com/sk/accounts/login'> 32 <link rel='alternate' hreflang='bg' href='https://utalk.com/bg/accounts/login'> 33 <link rel='alternate' hreflang='pl' href='https://utalk.com/pl/accounts/login'> 34 <link rel='alternate' hreflang='ro' href='https://utalk.com/ro/accounts/login'> 35 <link rel='alternate' hreflang='fa' href='https://utalk.com/fa/accounts/login'> 36 <link rel='alternate' hreflang='id' href='https://utalk.com/id/accounts/login'> 37 <link rel='alternate' hreflang='th' href='https://utalk.com/th/accounts/login'> 38 <link rel='alternate' hreflang='vi' href='https://utalk.com/vi/accounts/login'> 39 <link rel='alternate' hreflang='ko' href='https://utalk.com/ko/accounts/login'> 40 <link rel='alternate' hreflang='pt' href='https://utalk.com/pt/accounts/login'> 41 <link rel='alternate' hreflang='uk' href='https://utalk.com/uk/accounts/login'> 42 <link rel='alternate' hreflang='ar' href='https://utalk.com/ar/accounts/login'> 43 <link rel='alternate' hreflang='mn' href='https://utalk.com/mn/accounts/login'> 44 <link rel='alternate' hreflang='az' href='https://utalk.com/az/accounts/login'> 45 <link rel='alternate' hreflang='x-default' href='https://utalk.com/accounts/login'> 46 <link rel='canonical' href='https://utalk.com/accounts/login' /> 47 48 <link rel="apple-touch-icon" sizes="57x57" href="/theme/Utalk/dist/img/apple-icon-57x57.png"> 49 <link rel="apple-touch-icon" sizes="60x60" href="/theme/Utalk/dist/img/apple-icon-60x60.png"> 50 <link rel="apple-touch-icon" sizes="72x72" href="/theme/Utalk/dist/img/apple-icon-72x72.png"> 51 <link rel="apple-touch-icon" sizes="76x76" href="/theme/Utalk/dist/img/apple-icon-76x76.png"> 52 <link rel="apple-touch-icon" sizes="114x114" href="/theme/Utalk/dist/img/apple-icon-114x114.png"> 53 <link rel="apple-touch-icon" sizes="120x120" href="/theme/Utalk/dist/img/apple-icon-120x120.png"> 54 <link rel="apple-touch-icon" sizes="144x144" href="/theme/Utalk/dist/img/apple-icon-144x144.png"> 55 <link rel="apple-touch-icon" sizes="152x152" href="/theme/Utalk/dist/img/apple-icon-152x152.png"> 56 <link rel="apple-touch-icon" sizes="180x180" href="/theme/Utalk/dist/img/apple-icon-180x180.png"> 57 <link rel="icon" type="image/png" sizes="192x192" href="/theme/Utalk/dist/img/android-icon-192x192.png"> 58 <link rel="icon" type="image/png" sizes="32x32" href="/theme/Utalk/dist/img/favicon-32x32.png"> 59 <link rel="icon" type="image/png" sizes="96x96" href="/theme/Utalk/dist/img/favicon-96x96.png"> 60 <link rel="icon" type="image/png" sizes="16x16" href="/theme/Utalk/dist/img/favicon-16x16.png"> 61 <link rel="manifest" href="/theme/Utalk/dist/img/manifest.json"> 62 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=6.0, user-scalable=yes" /> 63 <meta name="apple-mobile-web-app-capable" content="yes" /> 64 65 66 <!-- Twitter --> 67 <meta name="twitter:card" content="summary" /> 68 <meta name="twitter:site" content="@uTalk" /> 69 <meta name="twitter:creator" content="@uTalk"> 70 <meta name="twitter:title" content="Login" /> 71 <meta name="twitter:image" content="https://www.utalk.com/theme/Utalk/dist/img/android-icon-192x192.png" /> 72 73 <!-- Open Graph standard eg.Facebook --> 74 <meta property="og:url" content="https://utalk.com/accounts/login" /> 75 <meta property="og:type" content="website" /> 76 <meta property="og:title" content="Login" /> 77 <meta property="og:image" content="https://utalk.com/theme/utalk/dist/img/uTalkFBShare.jpg" /> 78 79 <link rel="publisher" href="https://plus.google.com/103613566630091886514"> 80 <meta name="msapplication-TileColor" content="#ffffff"> 81 <meta name="msapplication-TileImage" content="/theme/Utalk/dist/img/ms-icon-144x144.png"> 82 <meta name="theme-color" content="#300d62"> 83 <meta name="google-site-verification" content="j61elyxVqyfdGPMErKmKNEj9vodRCCMpP-DKrjexUMQ" /> 84 85 86 <!-- Pinterest Analytics --> 87 <meta name="p:domain_verify" content="6f2f434cb73f4b7f60527775d6489c16"/> 88 89 <!-- Bootstrap CSS (bootstrap.bundle.js (bootstrap.js and popper.js) is included in the footer) --> 90 91 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous" referrerpolicy="no-referrer"> 92 93 <!-- Jquery --> 94
94<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
94 95 96 <!-- Custom CSS Files --> 97 <style>/* 98Site Wide CSS Rules 99*/ 100@font-face { 101 font-family: 'Circular Pro'; 102 src: url('/theme/utalk/dist/fonts/CircularPro-Bold.woff2') format('woff2'), 103 url('/theme/utalk/dist/fonts/CircularPro-Bold.woff') format('woff'); 104 font-weight: bold; 105 font-style: normal; 106 font-display: swap; 107} 108 109@font-face { 110 font-family: 'Circular Pro'; 111 src: url('/theme/utalk/dist/fonts/CircularPro-Book.woff2') format('woff2'), 112 url('/theme/utalk/dist/fonts/CircularPro-Book.woff') format('woff'); 113 font-weight: normal; 114 font-style: normal; 115 font-display: swap; 116} 117 118body { 119 font-family: "Circular Pro", "Roboto", "sans-serif"; 120} 121 122/* Use this class for text that will never be translated and should not show as right to left text in localisations such as arabic */ 123.alwaysEnglishText { 124 direction: ltr; 125 text-align: left; 126} 127 128.arrowRight::after { 129 content: 'â'; 130} 131 132html[dir="rtl"] .arrowRight::after { 133 content: 'â'; 134} 135 136.arrowLeft::after { 137 content: 'â'; 138} 139 140html[dir="rtl"] .arrowLeft::after { 141 content: 'â'; 142} 143 144/* 145 Bootstrap 4 Component uTalk Colour Overrides 146*/ 147 148.btn-warning { 149 background-color: #ff971f; 150 border-color: #ff971f; 151 color: white; 152 border-radius: 12px; 153} 154 155.btn-warning:hover { 156 background-color: #ff6600; 157 border-color: #ff6600; 158 color: white; 159} 160 161.btn-warning:active { 162 background-color: #ff6600; 163 border-color: #ff6600; 164 color: white; 165} 166 167.btn-warning:focus { 168 background-color: #ff6600; 169 border-color: #ff6600; 170 color: white; 171} 172 173.btn-danger { 174 background-color: #ff0033; 175 border-color: #ff0033; 176 color: white; 177 border-radius: 12px; 178} 179 180.btn-danger:hover { 181 background-color: #a8131B; 182 border-color: #a8131B; 183 color: white; 184} 185 186.btn-danger:active { 187 background-color: #a8131B; 188 border-color: #a8131B; 189 color: white; 190} 191 192.btn-danger:focus { 193 background-color: #a8131B; 194 border-color: #a8131B; 195 color: white; 196} 197 198/* Do not show the recaptcha badge (We still have to declare it (and the Ts&Cs) where it is used) */ 199.grecaptcha-badge { 200 visibility: hidden; 201}</style> 202 203 <!-- Preload any fonts --> 204 <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" crossorigin="anonymous" /> 205 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" crossorigin="anonymous" /> 206 <link rel="preload" as="font" href="/theme/utalk/dist/fonts/CircularPro-Bold.woff2" type="font/woff2" crossorigin="anonymous" /> 207 <link rel="preload" as="font" href="/theme/utalk/dist/fonts/CircularPro-Book.woff2" type="font/woff2" crossorigin="anonymous" /> 208 209 <!-- Preconnect important origins --> 210 <link rel="preconnect" href="https://www.google-analytics.com/" crossorigin="anonymous" /> 211 <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous" /> 212 213 <!-- getblue.io analytics --> 214
214<script type="text/javascript" src="https://event.getblue.io/js/blue-tag-eu.min.js" async="true"></script>
214 215
215<script type="text/javascript"> 216 window.blue_q = window.blue_q || []; 217 218 window.blue_q.push( 219 {event: "setCampaignId", value: "5AB33583-00A0-85F6-2E1DFE0B262C5A18"}, 220 {event: "setPageType", value: "visit"} 221 ); 222 223 </script>
223 224 225 <!-- Bing Conversion Tracking --> 226
226<script> 227 (function(w,d,t,r,u){ 228 var f,n,i; 229 w[u]=w[u]||[],f=function(){ 230 var o={ti:"5680018", enableAutoSpaTracking: true}; 231 o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad") 232 }, 233 n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){ 234 var s=this.readyState; 235 s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null) 236 }, 237 i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i) 238 }) 239 (window,document,"script","//bat.bing.com/bat.js","uetq"); 240 </script>
240 241 <!-- End Bing Conversion Tracking --> 242 243 244 <!-- Google Tag Manager --> 245
245<script> 246 window.dataLayer = []; 247 </script>
247 248 249
249<script>
vendor: 331 bytes, lines 249-253
249(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 250 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 251 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 252 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 253 })(window,document,'script','dataLayer','
253GTM-KPCK5WN
vendor: 3 bytes, line 253
253');
253</script>
253 254 <!-- End Google Tag Manager --> 255 256 <!-- ShareASale Affiliate Tracking --> 257
257<script src="https://www.dwin1.com/59791.js" type="text/javascript" defer="defer"></script>
257 258 259 <!-- Google Recaptcha -->
vendor: 62 bytes, lines 259-260
259 260 <script src="https://www.google.com/recaptcha/api.js?render=
2606LdRpnwqAAAAAOaoX_HAZWDjfZXAWLnH6P6oQWa_
vendor: 14 bytes, lines 260-262
260"></script> 261 262
262<!-- Open AI Conversion Tracking --> 263 264
264<script> 265 (function (w, d, s, u) { 266 if (w.oaiq) return; 267 var q = function () { 268 q.q.push(arguments); 269 }; 270 q.q = []; 271 w.oaiq = q; 272 var js = d.createElement(s); 273 js.async = true; 274 js.src = u; 275 var f = d.getElementsByTagName(s)[0]; 276 f.parentNode.insertBefore(js, f); 277 })(window, document, "script", "https://bzrcdn.openai.com/sdk/oaiq.min.js"); 278 279 oaiq("init", { 280 pixelId: "RywvmVRkdZfxfTxNFTxMd7", 281 }); 282 </script>
282 283 284 <style> 285body { 286 font-family: "Circular Pro", "Roboto", "sans-serif"; 287 font-weight: normal; 288} 289 290.container-fluid { 291 padding: 0; 292} 293 294.container { 295 margin-top: 5vh; 296} 297 298h1, 299h2, 300h3, 301h4, 302h5, 303h6 { 304 font-weight: bold; 305 color: #300d62; 306} 307 308p { 309 font-weight: normal; 310 color: #333333; 311 font-size: 14pt; 312} 313 314.btn-yellow, .btn-yellow:hover, .btn-yellow:focus { 315 316 color: #300D62; 317 background-color: #FFAE00; 318 border-color: #FFAE00; 319 box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5); 320 321} 322 323.btn-yellow:hover:not(:disabled):not(.disabled) { 324 background-color: #FF8F00 !important; 325 border-color: #FF8F00 !important; 326} 327 328.btn-yellow:focus { 329 box-shadow: 0 0 0 .2rem rgba(0,0,0,0.5); 330} 331 332.btn-purple { 333 color: white; 334 background-color: #300d62; 335 border-color: #300d62; 336} 337 338.btn-purple:hover { 339 background-color: #210844; 340 border-color: #300d62; 341 text-decoration: none; 342 color: white !important; 343} 344 345.btn-purple:focus { 346 box-shadow: 0 0 0 .2rem rgba(33,8,68,.5); 347} 348 349 350.btn-rounded { 351 border-radius: 9999px; 352} 353 354.btn-bigtext { 355 font-size: 14pt !important; 356} 357 358.btn-biggertext { 359 font-size: 16pt !important; 360} 361 362/* Sticky footer fix */ 363 364html, 365body, 366.contentWrapper { 367 height: 100%; 368} 369 370.contentWrapper { 371 display: flex; 372 flex-direction: column; 373} 374 375.contentWrapper > .innerContentWrapper { 376 flex: 1 0 auto; 377} 378 379.contentWrapper > footer { 380 flex-shrink: 0; 381} 382</style> 383</head> 384 385<body> 386 387 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 387-388
387 388 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
388GTM-KPCK5WN
vendor: 85 bytes, lines 388-390
388" 389 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 390
390<!-- End Google Tag Manager (noscript) --> 391 392 <div class="container-fluid contentWrapper"> 393 394 <!---------------------------------------------- Cookie Notice --------------------------------------------> 395 396 397<!-- This file can be included anywhere in the document body --> 398 399 400<!---------------------------------------------- Navbar --------------------------------------------> 401 402 403<style> 404 405/* General */ 406 407.utalk-nav { 408 z-index: 1000; 409 flex-shrink: 0; 410 background-color: #0066ff; box-shadow: 2px 4px 10px rgba(0, 0, 0, .2); 411} 412 413.navbar-toggler:focus { 414 outline: none; 415} 416 417.navbar-brand { 418 /* Helps to center the nav links on bigger screens */ 419 flex-grow: 1; 420 max-width: 190px; 421} 422 423/* Nav Links */ 424 425.utalk-nav .nav-link { 426 color: white; 427 border: 5px solid transparent; 428 padding: .2rem; 429 text-align: center; 430 font-weight: bold; 431 transition: all .2s ease-in-out; 432} 433 434.utalk-nav .nav-link:hover { 435 border-bottom: 5px solid #300d62;} 436 437.nav-link.active { 438 border-bottom: 5px solid #FFAE00 !important; 439} 440 441/* Language picker dropdown */ 442 443.utalk-nav .language-picker { 444 cursor: pointer; 445 padding: .375rem .75rem; 446 background-color: transparent; 447 border: none; 448 outline: none; 449} 450 451.utalk-nav .dropdown-item { 452 color: #212529; 453 text-align: inherit; 454 white-space: nowrap; 455 background-color: transparent; 456 border: 0; 457 transition: all 0.2s ease-in-out; 458} 459 460.utalk-nav .dropdown-toggle:after { 461 /* Change caret color */ 462 border-top-color: white; 463} 464 465/* Language picker dropdown - flags */ 466 467.utalk-nav .lang-nav { 468 height: 35px; 469 width: 35px; 470 border: none; 471 background-color: #300d62; 472 border-radius: 17.5px; 473 transition: all 0.2s ease-in-out; 474} 475 476.utalk-nav .dropdown-item > .lang-nav { 477 margin-right: 30px; 478 max-width: none; /* Required for correct sizing on blog page, otherwise this will get overwritten by a blog stylesheet */ 479} 480 481/* Account button */ 482 483.utalk-nav .accountButton { 484 background-color: #300d62; color: white; 485 border-radius: .3rem; 486 padding: .5rem 1rem; 487 transition: all 0.2s ease-in-out; 488} 489 490.utalk-nav .accountButton:hover { 491 text-decoration: none; 492 background-color: #cc0066; 493} 494 495.utalk-nav .accountButton span { 496 max-width: 100px; 497 display: inline-block; 498 white-space: nowrap; 499 text-overflow: ellipsis; 500 overflow: hidden; 501 font-weight: 900; 502 vertical-align: middle; 503 padding-bottom: 1px; 504} 505 506/* Styles for mobile menu */ 507 508@media (max-width: 991px) { 509 510 .utalk-nav .accountButton { 511 512 color: white; 513 border: 5px solid transparent; 514 padding: .2rem; 515 text-align: center; 516 font-weight: bold; 517 transition: all .2s ease-in-out; 518 background-color: transparent; 519 display: block; 520 } 521 522 .utalk-nav .accountButton:hover { 523 524 background-color: transparent; 525 border-bottom: 5px solid #300d62; 526 } 527 528} 529 530.dropdown-menu { 531 /* 532 Dropdown option height: 43px 533 Dropdown divider height: 17px 534 Number of dropdowns visible: 8 535 8 Full rows + 2/5 of a new row: (8*(43+17))+17+(43*(2/5)) = 514px 536 */ 537 max-height: 514px; 538 overflow-y: scroll; 539} 540 541</style> 542 543 544<nav class="utalk-nav navbar navbar-expand-lg"> 545 546 <!-- utalkLogo --> 547 <a class="navbar-brand" href="/en"> 548 <img src="/theme/utalk/2018Assets/img/LanguagePage_SVGs/uTalk_CMYK_long_lockupnew.svg" alt='uTalk' width="100px" height="30px"> 549 </a> 550 551 552 <div class="d-flex d-lg-none"> 553 554 <!-- Language Select Dropdown (extra small -> small screens only) --> 555 556 <div class="dropdown"> 557 558 <button type='button' class='dropdown-toggle language-picker mr-4' data-display='static' data-toggle='dropdown'> 559 <img class='lang-nav' src='/theme/utalk/dist/img/icons/flag_circles/en.svg'> 560 </button> 561 <div class='dropdown-menu dropdown-menu-right alwaysEnglishText' style='min-width: 260px'> 562 <a class='dropdown-item' href='https://utalk.com/en/accounts/login'><img alt='English (British) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/en.svg'>English (British)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fr/accounts/login'><img alt='Français Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fr.svg'>Français</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/de/accounts/login'><img alt='Deutsch Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/de.svg'>
562Deutsch</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/es/accounts/login'><img alt='Español Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/es.svg'>Español</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/it/accounts/login'><img alt='Italiano Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/it.svg'>Italiano</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ru/accounts/login'><img alt='Ð ÑÑÑкий Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ru.svg'>Ð ÑÑÑкий</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/nl/accounts/login'><img alt='Nederlands Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/nl.svg'>Nederlands</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sv/accounts/login'><img alt='Svenska Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sv.svg'>Svenska</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/no/accounts/login'><img alt='Norsk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/no.svg'>Norsk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/da/accounts/login'><img alt='Dansk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/da.svg'>Dansk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fi/accounts/login'><img alt='Suomi Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fi.svg'>Suomi</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/hu/accounts/login'><img alt='Magyar Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/hu.svg'>Magyar</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/el/accounts/login'><img alt='Îλληνικά Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/el.svg'>Îλληνικά</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/tr/accounts/login'><img alt='Türkçe Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/tr.svg'>Türkçe</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/he/accounts/login'><img alt='×¢×ר×ת Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/he.svg'>×¢×ר×ת</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/zh/accounts/login'><img alt='䏿 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/zh.svg'>䏿</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ja/accounts/login'><img alt='æ¥æ¬èª Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ja.svg'>æ¥æ¬èª</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/cs/accounts/login'><img alt='ÄeÅ¡tina Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/cs.svg'>ÄeÅ¡tina</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sk/accounts/login'><img alt='SlovenÄina Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sk.svg'>SlovenÄina</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/bg/accounts/login'><img alt='ÐÑлгаÑÑки Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/bg.svg'>ÐÑлгаÑÑки</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pl/accounts/login'><img alt='Polski Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/pl.svg'>Polski</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ro/accounts/login'><img alt='RomânÄ Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ro.svg'>RomânÄ</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fa/accounts/login'><img alt='ÙØ§Ø±Ø³Û (Ø§ÛØ±Ø§Ù) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fa.svg'>ÙØ§Ø±Ø³Û (Ø§ÛØ±Ø§Ù)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/id/accounts/login'><img alt='Bahasa Indonesia Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/id.svg'>Bahasa Indonesia</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/th/accounts/login'><img alt='à¹à¸à¸¢ Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/th.svg'>à¹à¸à¸¢</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/vi/accounts/login'><img alt='Tiếng Viá»t Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/vi.svg'>Tiếng Viá»t</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ko/accounts/login'><img alt='íêµì´ Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ko.svg'>íêµì´</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pt/accounts/login'><img alt='Português do Brasil Flag' class='lang-nav lazyload' style='font-size: 0;
562' data-src='/theme/utalk/dist/img/icons/flag_circles/pt.svg'>Português do Brasil</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/uk/accounts/login'><img alt='УкÑаÑнÑÑка Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/uk.svg'>УкÑаÑнÑÑка</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ar/accounts/login'><img alt='Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ±Ø³Ù ÙØ© Ø§ÙØØ¯ÙØ«Ø© Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ar.svg'>Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ±Ø³Ù ÙØ© Ø§ÙØØ¯ÙØ«Ø©</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/mn/accounts/login'><img alt='Ðонгол Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/mn.svg'>Ðонгол</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/az/accounts/login'><img alt='AzÉrbaycan dili Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/az.svg'>AzÉrbaycan dili</a> 563 </div> 564 </div> 565 566 <!-- Toggle navbar (mobile only) --> 567 568 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#uTalkNavItems" aria-controls="uTalkNavItems" aria-expanded="false" aria-label="Toggle navigation"> 569 <span><i style="color: white;" class="fas fa-bars "></i></span> 570 </button> 571 572 </div> 573 574 <div class="collapse navbar-collapse" id="uTalkNavItems"> 575 576 <!-- General Nav Buttons --> 577 <ul class="navbar-nav mx-auto"> 578 <li class='nav-item p-1'><a href="/store" class="nav-link">Languages</a></li><li class='nav-item p-1'><a href="/about" class="nav-link">About</a></li><li class='nav-item p-1'><a href="/support" class="nav-link">Support</a></li><li class='nav-item p-1'><a href="/schools" class="nav-link">Schools</a></li><li class='nav-item p-1'><a href="/partnerships" class="nav-link">Partnerships</a></li> </ul> 579 580 <!-- Language Select Dropdown (medium -> large screens only) --> 581 582 <div class="dropdown d-none d-lg-block"> 583 584 <button type='button' class='dropdown-toggle language-picker mr-4' data-display='static' data-toggle='dropdown'> 585 <img class='lang-nav' src='/theme/utalk/dist/img/icons/flag_circles/en.svg'> 586 </button> 587 <div class='dropdown-menu dropdown-menu-right alwaysEnglishText' style='min-width: 260px'> 588 <a class='dropdown-item' href='https://utalk.com/en/accounts/login'><img alt='English (British) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/en.svg'>English (British)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fr/accounts/login'><img alt='Français Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fr.svg'>Français</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/de/accounts/login'><img alt='Deutsch Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/de.svg'>Deutsch</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/es/accounts/login'><img alt='Español Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/es.svg'>Español</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/it/accounts/login'><img alt='Italiano Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/it.svg'>Italiano</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ru/accounts/login'><img alt='Ð ÑÑÑкий Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ru.svg'>Ð ÑÑÑкий</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/nl/accounts/login'><img alt='Nederlands Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/nl.svg'>Nederlands</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sv/accounts/login'><img alt='Svenska Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sv.svg'>Svenska</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/no/accounts/login'><img alt='Norsk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/no.svg'>Norsk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/da/accounts/login'><img alt='Dansk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/da.svg'>Dansk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fi/accounts/login'><img alt='Suomi Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fi.svg'>Suomi</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/hu/accounts/login'><img alt='Magyar Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/hu.svg'>Magyar</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/el/accounts/login'><img alt='Îλληνικά Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/el.svg'>Îλληνικά</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/tr/accounts/login'><img alt='Türkçe Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/tr.svg'>Türkçe</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/he/accounts/login'><img alt='×¢×ר×ת Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/he.svg'>×¢×ר×ת</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/zh/accounts/login'><img alt='䏿 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/zh.svg'>䏿</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ja/accounts/login'><img alt='æ¥æ¬èª Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ja.svg'>æ¥æ¬èª</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/cs/accounts/login'><img alt='ÄeÅ¡tina Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/cs.svg'>ÄeÅ¡tina</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sk/accounts/login'><img alt='SlovenÄina Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sk.svg'>SlovenÄina</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/bg/accounts/login'><img alt='ÐÑлгаÑÑки Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/bg.svg'>ÐÑлгаÑÑки</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pl/accounts/login'><img alt='Polski Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/pl.svg'>Polski</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ro/accounts/login'><img alt='RomânÄ Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ro.svg'>RomânÄ</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fa/accounts/login'><img alt='ÙØ§Ø±Ø³Û (Ø§ÛØ±Ø§Ù) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fa.svg'>ÙØ§Ø±Ø³Û (Ø§ÛØ±Ø§Ù)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/id/accounts/login'><img alt='Bahasa Indonesia Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/id.svg'>Bahasa Indonesia</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/th/accounts/login'><img alt='à¹à¸à¸¢ Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/th.svg'>à¹à¸à¸¢</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/vi/accounts/login'><img alt='Tiếng Viá»t Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/vi.svg'>Tiếng Viá»t</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ko/accounts/login'><img alt='íêµì´ Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ko.svg'>íêµì´</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pt/accounts/login'><img alt='Português do Brasil Flag' class='lang-nav lazyload' style='font-size: 0;
588' data-src='/theme/utalk/dist/img/icons/flag_circles/pt.svg'>Português do Brasil</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/uk/accounts/login'><img alt='УкÑаÑнÑÑка Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/uk.svg'>УкÑаÑнÑÑка</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ar/accounts/login'><img alt='Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ±Ø³Ù ÙØ© Ø§ÙØØ¯ÙØ«Ø© Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ar.svg'>Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ±Ø³Ù ÙØ© Ø§ÙØØ¯ÙØ«Ø©</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/mn/accounts/login'><img alt='Ðонгол Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/mn.svg'>Ðонгол</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/az/accounts/login'><img alt='AzÉrbaycan dili Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/az.svg'>AzÉrbaycan dili</a> 589 </div> 590 </div> 591 592 <!-- Account Button --> 593 594 <a href="/accounts" class="accountButton"><div style="min-width: 1.75em; display: inline-block;"><i class="fas fa-user-alt fa-fw mr-2"></i></div><span>Account</span></a> 595 596 </div> 597 598 599</nav> 600 601 602 603<!-- Mark the selected page as active on the navbar -->
604<script> 605 $(function() { 606 $('a.nav-link').each(function() { 607 if (window.location.pathname === $(this).attr('href')) 608 $(this).addClass('active'); 609 }); 610 }); 611</script>
611 612 613<!-- <Themes> --> 614<!-- </Themes> --> 615 <div class="innerContentWrapper"> 616 617 <style> 618.login-error { 619 color: #ff0033; 620} 621 622label { 623 color: #300d62; 624 font-size: large; 625 font-weight: bold; 626 vertical-align: middle; 627 font-family: sans-serif; 628} 629 630#email:focus, 631#password:focus { 632 box-shadow: 0 0 0 0.2rem rgba(156, 62, 153, .25); 633} 634 635.submitButton { 636 padding-left: 8vw; 637 padding-right: 8vw; 638} 639 640#form-success { 641 color: white; 642 background-color: #ff0033; 643 padding: 10px; 644 margin-top: 10px; 645} 646 647#email-error { 648 color: #ff0033; 649} 650 651#password-error { 652 color: #ff0033; 653} 654</style> 655<div class="container" style="margin-bottom: 5rem;"> 656 657 <h1 id="login" class='text-center'>Manage my account</h1> 658 659 <br><br> 660 661 <div class="row accountrow"> 662 663 <div class="d-none d-lg-block col-6"> 664 665 <!-- Only shown on desktop devices --> 666 <h3 class="mb-4">uTalk Account</h3> 667 <p>You can change your name, email and password as well as managing your subscriptions.</p><p>If you don't have an account yet, please <a href="/app">click here</a> to download the app and register there.</p> 668 </div> 669 670 <div class="col-12 col-lg-6"> 671 672 <h3 class="text-center mb-4">Login</h3> 673 674 <!-- README: If you are including this then you must setup a javascript function called "userAuthenticated" that will be called upon succesful authentication --> 675<style> 676 677/* General */ 678 679.prettyBox { 680 border-radius: 10px; 681 border: 1px solid #300d62; 682 padding: 1rem; 683 padding-bottom: 0; 684 box-shadow: 5px 10px 8px #999; 685} 686 687/* loginContainer */ 688 689#loginContainer { 690 font-family: "Circular Pro", "Roboto", "sans-serif"; 691 font-weight: normal; 692} 693 694#loginContainer .nav { 695 width: 100%; 696 margin-bottom: 40px; 697 display: inline-block; 698 text-align: center; 699} 700 701#loginContainer .nav button { 702 background: none; 703 box-sizing: border-box; 704 -moz-box-sizing: border-box; 705 -webkit-box-sizing: border-box; 706 font-size: 18px; 707 text-transform: uppercase; 708 font-weight: bold; 709 padding: 4px 30px; 710 margin: 0px 5px; 711 color: #300d62; 712 border: none; 713 border-bottom: 1.5px solid #300d62; 714 opacity: 0.6; 715 cursor: pointer; 716} 717 718#loginContainer .nav button:focus { 719 outline: none; /* Remove momentary ugly outline when clicked - has negative accessability reprocussions */ 720} 721 722#loginContainer .nav button:disabled { 723 border-width: 4px; 724 opacity: 1; 725} 726 727/* Seperator */ 728 729#loginContainer .separator { 730 display: flex; 731 align-items: center; 732 text-align: center; 733 color: #300d62; 734 margin: 2rem 0; 735} 736 737#loginContainer .separator::before, .separator::after { 738 content: ''; 739 flex: 1; 740 border-bottom: 2px solid #300d62;; 741} 742 743#loginContainer .separator::before { margin-right: 1em; } 744#loginContainer .separator::after { margin-left: 1em; } 745 746/* Third Part Login Buttons */ 747 748#loginContainer .thirdPartyLoginButtons { 749 text-align: center; 750} 751 752#loginContainer .thirdPartyLoginButtons a { 753 display: inline-block; 754} 755 756#loginContainer .thirdPartyLoginButtons a img { 757 display: block; 758 margin: 0 2rem; 759 height: 4rem; 760 width: 4rem; 761} 762 763</style> 764 765<noscript> 766 <style> 767 #loginContainer { 768 display: none; 769 } 770 </style> 771 <div class="alert alert-danger" role="alert"> 772 <!-- Not going to bother getting this translated - niche scenario --> 773 <b>Please <a href="https://www.enable-javascript.com/" target="_blank">Enable Javascript</a> to continue.</b> 774 </div> 775</noscript> 776 777<div id="loginContainer"> 778 779 780 <div class="menus"> 781 782 783 <div class="loginMenu "> 784 785 <form id="loginForm" method="post" action="/auth/signIn"> 786 787 <div class="form-group"> 788 <input type="email" autocomplete="username" class="form-control" name="email" aria-describedby="emailHelp" placeholder="Enter your uTalk account email" autofocus required> 789 </div> 790 <div class="form-group"> 791 <input type="password" autocomplete="current-password" class="form-control" name="password" placeholder="Password" required> 792 <small><a href="/accounts/resetPassword" target="_blank">Forgot Password?</a></small> 793 <small style="float:right; margin-top: 4px;"><a href="/app">Don't have an account?</a></small> 794 </div> 795 796 <div class="small errorMessage invisible text-danger text-center mt-1 mb-2" role="alert">Error</div> 797 798 <div class="ml-4 mr-4"> 799 <button class="btn btn-lg btn-yellow btn-block btn-rounded" disabled id="loginButton">Log in <i class="fas fa-spinner ml-1 fa-spin d-none progressindicator"></i></button> 800 </div> 801 802 </form> 803 804 </div> 805 806 807 808 </div> 809 810</div> 811 812<template id="thirdPartyLoginButtonsTemplate"> 813 814 <div class="separator">Or Continue With</div> 815 816 817 <div class="thirdPartyLoginButtons"> 818 <a href='/auth/thirdPartySignIn/Facebook?disableSignup=1&redirectTo=%2Faccounts'><img src="/img/thirdPartyLoginButtons/fb.png" alt=""/></a><a href='/auth/thirdPartySignIn/Apple?disableSignup=1&redirectTo=%2Faccounts'><img src="/img/thirdPartyLoginButtons/apple.png" alt=""/></a> </div> 819 820</template> 821
822<script> 823 824// Add the third party login options template to the login and signup menus 825 826$('#loginContainer .menus > *').append( 827 $('#thirdPartyLoginButtonsTemplate').html() 828); 829 830$('#loginForm, #signupForm').submit(function(){ 831 832 var $form = $(this); 833 var formId = $form.attr('id'); 834 var action = null; 835 836 switch (formId) { 837 case 'loginForm': 838 action = 'login'; 839 break; 840 case 'signupForm': 841 action = 'signup'; 842 break; 843 default: 844 action = 'unknownFormSubmission'; 845 console.error('Unknown form submission'); 846 break; 847 } 848 849 grecaptcha.ready(function() { 850 grecaptcha.execute('6LdRpnwqAAAAAOaoX_HAZWDjfZXAWLnH6P6oQWa_', {action: action}).then(function(token) { 851 852 // Add the token field to the form if it doesn't already exist 853 if($form.find('[name="g-recaptcha-response"]').length === 0){ 854 $form.append('<input type="hidden" name="g-recaptcha-response">'); 855 } 856 // Set the token value 857 $form.find('[name="g-recaptcha-response"]').val(token); 858 859 $form.find('.errorMessage').addClass('invisible'); 860 861 var showError = function(errorMessage){ 862 863 $form.find('.errorMessage') 864 .text(errorMessage) 865 .removeClass('invisible') 866 .hide() // Element must be hidden in order to fade in 867 .fadeIn(); 868 869 }; 870 871 genericAjaxFormSubmitHandler($form, { 872 'done': function(response){ 873 874 if(response.success){ 875 876 var userData = response.message.userData; 877 878 // Push the event to Google Analytics 879 let gaEvent = null; 880 881 if(action === 'login') 882 gaEvent = 'login'; 883 else if(action === 'signup') 884 gaEvent = 'sign_up'; 885 886 if(gaEvent !== null) 887 dataLayer.push({ event : gaEvent }); 888 889 // Successful request, let the page this is included on decide what to do 890 userAuthenticated(userData); // Should be defined by the including file 891 return false; 892 893 } else { 894 895 showError(response.message); 896 return true; 897 898 } 899 900 }, 901 'fail': function(){ 902 showError("Sorry, something went wrong. Please try again, or contact us for help."); 903 return true; 904 } 905 }); 906 907 }); 908 909 }); 910 911 return false; 912 913}); 914 915// Click handler for login/signup nav buttons 916$("#loginContainer .nav [data-menu]").click(function() { 917 918 var $this = $(this); 919 920 // Make sure the correct buttons are disabled 921 $this.siblings().prop('disabled', false); 922 $this.prop('disabled', true); 923 924 var formClass = $this.attr('data-menu'); 925 var $form = $('#loginContainer .menus .' + formClass); 926 927 // Make sure only the correct form is shown 928 $form.siblings().addClass('d-none'); 929 $form.removeClass('d-none'); 930 931 // Populate the email from the other form 932 $form.find('[name="email"]').val( 933 $form.siblings().find('[name="email"]').val() 934 ); 935 936 $form.find('input').first().focus(); 937 938}); 939 940$('.showPasswordToggle').click(function() { 941 942 var $this = $(this).find('svg'); 943 944 if($this.hasClass('fa-eye')){ 945 // Show 946 $this.removeClass("fa-eye").addClass("fa-eye-slash"); 947 $this.closest('.input-group').find('input').attr('type', 'text'); 948 } else { 949 // Hide 950 $this.removeClass("fa-eye-slash").addClass("fa-eye"); 951 $this.closest('.input-group').find('input').attr('type', 'password'); 952 } 953 954}); 955 956// Detect whether the password is autofilled, and if so switch the user to the login pane. 957// This is an imperfect method due to differing browser behaviour 958$('#loginForm input[name="password"]').on('input change init', function(){ 959 // If the password field is hidden but was still changed then it's probably autofill 960 if($(this).is(':hidden') && $(this).val() !== ''){ 961 $('#loginContainer .nav [data-menu="loginMenu"]').trigger('click'); 962 } 963}).trigger('init'); // Manually trigger the event incase the field was populated before the event was setup 964 965$(window).on('load', function() { 966 // Enable login button once page has loaded 967 $('#loginButton').attr('disabled', false); 968}); 969 970$(function(){ 971 972 var errorMessage = null 973 if(errorMessage !== null) 974 displayServerMessage(false, errorMessage); 975 976}); 977 978</script>
978 979
979<script> 980 // Called by login element 981 function userAuthenticated(userData){ 982 983 984 window.location.href = "\/accounts"; 985 986 987 } 988 </script>
988 989 990 </div> 991 992 <!-- Required to comply with google Ts&Cs --> 993 <div class="col-12 mt-5 text-center"> 994 <small class="text-muted"> 995 This site is protected by reCAPTCHA and the Google 996 <a href="https://policies.google.com/privacy">Privacy Policy</a> and 997 <a href="https://policies.google.com/terms">Terms of Service</a> apply. 998 </small> 999 </div> 1000 1001 </div> 1002 1003</div> 1004 1005 </div> 1006 1007 <style> 1008footer { 1009 background-color: #300d62; 1010 color: hsl(0, 0%, 95%); 1011 padding: 5vh; 1012} 1013 1014.utalk-footer-links>a { 1015 text-decoration: underline; 1016 color: #006bf9; 1017 transition: all .2s ease-in-out; 1018} 1019 1020.utalk-footer-lang { 1021 color: hsl(0, 0%, 95%); 1022 transition: all .2s ease-in-out; 1023 font-size: 1em; 1024 text-decoration: none !important; 1025} 1026 1027@media (max-width: 600px) { 1028 footer>div { 1029 font-size: 10pt; 1030 } 1031} 1032 1033.appStoreLogos { 1034 padding-top: 20px; 1035 width: 100%; 1036 text-align: center; 1037} 1038 1039.appleAppStoreLogo { 1040 padding: 6px; 1041} 1042 1043.playStoreLogo { 1044 width: 100px; 1045} 1046 1047.appStoreLogo { 1048 text-decoration: none; 1049 max-height: 50px; 1050 max-width: 150px; 1051} 1052 1053.appStoreLogos>a:hover { 1054 text-decoration: none; 1055} 1056 1057.utalk-footer>div>a:hover { 1058 color: #ff971f; 1059} 1060 1061.nodecorate { 1062 /* This is deliberate. */ 1063 text-decoration: none !important; 1064 color: white !important; 1065 transition: none !important; 1066 cursor: default; 1067} 1068 1069.nodecorate:hover { 1070 text-decoration: none !important; 1071 color: white !important; 1072 transition: none !important; 1073 cursor: default; 1074} 1075 1076#termsAndConditionsModal .modal-header, #privacyPolicyModal .modal-header { 1077 background-color: #0066ff; 1078 box-shadow: 2px 4px 10px rgba(0,0,0,.2); 1079 border-bottom: none; 1080 border-top-left-radius: 0.2rem; 1081 border-top-right-radius: 0.2rem; 1082} 1083 1084#termsAndConditionsModal .modal-title, #privacyPolicyModal .modal-title { 1085 color: white !important; 1086 line-height: 1.2; 1087} 1088 1089.social-link:hover { 1090 text-decoration: none; 1091} 1092 1093</style> 1094 1095<footer class="text-center"> 1096 <div class="utalk-footer-links"> 1097 © <a href="/" class="nodecorate" alt="uTalk homepage">uTalk</a> 2026 - Made in London with love <br> 1098 <a href="/termsandconditions" target="_blank" alt="Terms and Conditions">Terms & Conditions</a> | 1099 <a href="/privacypolicy" target="_blank" alt="Privacy Policy">Privacy Policy</a> | <a href="https://utalk.zendesk.com/hc" alt="Support">Support</a> | <a href="/en/news" alt="Blog">Blog</a> | <a href="/en/app">Download</a><br> 1100 </div> 1101 <div class="mt-2"> 1102 <a href="https://www.facebook.com/uTalk/" target="_blank" class="social-link"> 1103 <i class="fab fa-facebook-square fa-fw fa-2x text-white"></i> 1104 </a> 1105 <a href="https://twitter.com/uTalk" target="_blank" class="social-link"> 1106 <i class="fab fa-twitter fa-fw fa-2x text-white"></i> 1107 </a> 1108 <a href="https://www.youtube.com/channel/UCtRmgHxDrVgpfjZIyA2mcyQ" target="_blank" class="social-link"> 1109 <i class="fab fa-youtube fa-fw fa-2x text-white"></i> 1110 </a> 1111 <a href="https://www.instagram.com/utalk_app/" target="_blank" class="social-link"> 1112 <i class="fab fa-instagram fa-fw fa-2x text-white"></i> 1113 </a> 1114 <a href="https://www.linkedin.com/company/utalk.com/" target="_blank" class="social-link"> 1115 <i class="fab fa-linkedin fa-fw fa-2x text-white"></i> 1116 </a> 1117 </div> 1118 <hr style=" border-top: dotted 2px hsl(0, 0%, 95%);" class="col-10"> 1119 <div class="row"> 1120 <div class="col"> 1121 <p class="text-center p-0 m-0 utalk-footer-lang" style="text-decoration: underline;">Browse this site in:</p> 1122 </div> 1123 </div> 1124 <div class="row justify-content-center utalk-footer"> 1125 <div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;color: #ff971f;' class='utalk-footer-lang' href='https://utalk.com/en/accounts/login'>English (British)</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/fr/accounts/login'>Français</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/de/accounts/login'>Deutsch</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/es/accounts/login'>Español</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/it/accounts/login'>Italiano</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ru/accounts/login'>Ð ÑÑÑкий</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/nl/accounts/login'>Nederlands</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/sv/accounts/login'>Svenska</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/no/accounts/login'>Norsk</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/da/accounts/login'>Dansk</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/fi/accounts/login'>Suomi</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/hu/accounts/login'>Magyar</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/el/accounts/login'>Îλληνικά</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/tr/accounts/login'>Türkçe</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/he/accounts/login'>×¢×ר×ת</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/zh/accounts/login'>䏿</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ja/accounts/login'>æ¥æ¬èª</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/cs/accounts/login'>ÄeÅ¡tina</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/sk/accounts/login'>SlovenÄina</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/bg/accounts/login'>ÐÑлгаÑÑки</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/pl/accounts/login'>Polski</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ro/accounts/login'>RomânÄ</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/fa/accounts/login'>ÙØ§Ø±Ø³Û (Ø§ÛØ±Ø§Ù)</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/id/accounts/login'>Bahasa Indonesia</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/th/accounts/login'>à¹à¸à¸¢</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/vi/accounts/login'>Tiếng Viá»t</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ko/accounts/login'>íêµì´</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/pt/accounts/login'>Português do Brasil</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/uk/accounts/login'>УкÑаÑнÑÑка</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ar/accounts/login'>Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ±Ø³Ù ÙØ© Ø§ÙØØ¯ÙØ«Ø©</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/mn/accounts/login'>Ðонгол</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/az/accounts/login'>AzÉrbaycan dili</a></div> </div> 1126 <div class="appStoreLogos"> 1127 1128 1129 </div> 1130</footer> 1131 <!-- Facebook Pixel Code -->
1132<script>
vendor: 435 bytes, lines 1132-1138
1132 1133 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 1134 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 1135 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 1136 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 1137 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 1138 fbq('init', '
1138914581045280784
vendor: 33 bytes, lines 1138-1139
1138'); 1139 fbq('track', "PageView");
1139</script>
1139 1140<noscript><img height="1" width="1" style="display:none" 1141 src="https://www.facebook.com/tr?id=914581045280784&ev=PageView&noscript=1" 1142/></noscript> 1143<!-- End Facebook Pixel Code --> 1144 1145
1145<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js" integrity="sha384-zDnhMsjVZfS3hiP7oCBRmfjkQC4fzxVxFhBx8Hkz2aZX8gEvA/jsP3eXRCvzTofP" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1145 1146
1147<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1147 1148
1149<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js" integrity="sha256-F6h55Qw6sweK+t7SiOJX+2bpSAa3b/fnlrVCJvmEj1A=" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 1149
1149
1150<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" integrity="sha512-q583ppKrCRc7N5O0n2nzUiJ+suUv7Et1JGels4bXOaMFQcamPk9HjdUknZuuFjBNs7tsMuadge5k9RzdmO+1GQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1150 1151 1152<!-- uTalk Custom JavaScript -->
1153<script> 1154/** 1155 * Jquery validate plugin custom methods 1156 */ 1157$.validator.addMethod( 1158 'regex', 1159 function(value, element, regexp) { 1160 var re = new RegExp(regexp); 1161 return this.optional(element) || re.test(value); 1162 }, 1163 "Please enter a valid email address." 1164); 1165 1166 1167$.validator.addMethod( 1168 "passNumber", 1169 function(value, element, regexp) { 1170 var re = new RegExp(regexp); 1171 return this.optional(element) || re.test(value); 1172 }, 1173 "Password must contain at least one number." 1174); 1175 1176 1177/** 1178 * Creates a server response message as container first child 1179 * @param {*} type 1180 * @param {*} message 1181 */ 1182function displayServerMessage(type, message) { 1183 //clear any existing message 1184 if ($('#serverResponse').length) { 1185 $('#serverResponse').remove(); 1186 } 1187 1188 //parse the response into text 1189 var response = $($.parseHTML("<div id='serverResponse' style='display: none;' class='alert alert-dismissible fade show' role='alert'>" + 1190 "<button type='button' class='close' data-dismiss='alert' aria-label='Close'>" + 1191 "<span aria-hidden='true'>×</span>" + 1192 "</button>" + 1193 "</div>")); 1194 1195 //check whether action was successful or a flop 1196 if (type === true) { 1197 response.addClass('alert-success'); 1198 } else { 1199 response.addClass('alert-danger'); 1200 } 1201 1202 //prepend onto container, add the alert colour class 1203 response.append(message); 1204 $(".container").prepend(response); 1205 $("html, body").animate({ scrollTop: 0 }, "slow"); 1206 $("#serverResponse").show("slow"); 1207 1208} 1209 1210function clearServerMessage() { 1211 if ($('#serverResponse').length) { 1212 $('#serverResponse').remove(); 1213 } 1214} 1215 1216/* Generic helper functions */ 1217 1218// Will always post form via ajax - ignores form method 1219function genericAjaxFormSubmitHandler($form, callbackFunctions){ 1220 1221 var reEnableForm; 1222 var data = $form.serialize(); 1223 var action = $form.attr('action'); 1224 var $formInputs = $form.find('input, button'); 1225 1226 var callback = function(functionName, params){ 1227 if(functionName in callbackFunctions && typeof callbackFunctions[functionName] === "function") 1228 return callbackFunctions[functionName].apply($form, params); 1229 }; 1230 1231 $formInputs.attr('disabled', true); 1232 $form.find('.progressindicator').removeClass('d-none'); 1233 1234 $.post(action, data, null, 'json') 1235 .done(function(data, textStatus, jqXHR) { 1236 1237 reEnableForm = callback('done', [data, textStatus, jqXHR]); 1238 1239 }) 1240 .fail(function(jqXHR, textStatus, errorThrown) { 1241 1242 reEnableForm = callback('fail', [jqXHR, textStatus, errorThrown]); 1243 1244 }) 1245 .always(function(){ 1246 1247 callback('always'); 1248 1249 if(reEnableForm !== false){ 1250 $formInputs.attr('disabled', false); 1251 $form.find('.progressindicator').addClass('d-none'); 1252 } 1253 1254 }); 1255 1256 return false; 1257 1258} 1259</script>
1259 1260<!-- End uTalk Custom JavaScript --> 1261
1262<script id="mcjs"> 1263! function(c, h, i, m, p) { 1264 m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p) 1265}(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/5313428690ee2242ca5263f69/003e3c43c373dfda587d78b9a.js"); 1266</script>
1266 1267 </div> 1268 1269</body> 1270 1271</html>
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.