2022-02-24 19:51:11 +01:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > Telegram Themes< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" / >
< meta name = "format-detection" content = "telephone=no" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" / >
< meta name = "MobileOptimized" content = "176" / >
< meta name = "HandheldFriendly" content = "True" / >
< link rel = "icon" type = "image/svg+xml" href = "/img/website_icon.svg?4" >
2022-04-21 15:52:36 +02:00
< link rel = "apple-touch-icon" sizes = "180x180" href = "/img/apple-touch-icon.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "/img/favicon-32x32.png" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "/img/favicon-16x16.png" >
< link rel = "alternate icon" href = "/img/favicon.ico" type = "image/x-icon" / >
2022-02-24 19:51:11 +01:00
< script > document . cookie = "stel_dt=" + encodeURIComponent ( ( new Date ) . getTimezoneOffset ( ) ) + ";path=/;max-age=31536000;samesite=None;secure" < / script >
2022-10-21 13:53:34 +02:00
< link href = "//telegram.org/css/font-roboto.css?1" rel = "stylesheet" type = "text/css" >
< link href = "//telegram.org/css/bootstrap.min.css?3" rel = "stylesheet" >
< link href = "//telegram.org/css/bootstrap-extra.css?2" rel = "stylesheet" >
2023-03-11 18:56:39 +01:00
< link href = "/css/telegram.css?235" rel = "stylesheet" >
2022-10-03 17:45:23 +02:00
< link href = "/css/themes.css?7" rel = "stylesheet" >
2022-02-24 19:51:11 +01:00
< link href = "/css/jquery-ui.min.css?1" rel = "stylesheet" >
< / head >
< body class = "emoji_image no-transition" >
< div id = "aj_progress" class = "progress-bar" > < / div >
< div id = "aj_content" > < a class = "th-dl-button" href = "//telegram.org/dl" >
Don' t have < b > Telegram< / b > yet? < span class = "th-dl-button-try" > Try it now< / span >
< / a >
< section class = "th-main" >
< div class = "th-main-content" >
< div class = "th-main-icon" > < / div >
< h1 > Telegram Theme Editor< / h1 >
< p > The online theme editor allows you to create and modify your existing cloud themes for every platform. Any changes will appear in the apps immediately after you save them.< / p >
< a href = "/auth" class = "th-login-editor-btn need-auth" > Log in to Theme Editor< / a >
< / div >
< / section > < div class = "popup-container login-popup-container hide" id = "login-popup-container" >
< div class = "popup" >
< div class = "popup-body" >
< section >
< h2 > Log In< / h2 >
< p > Log in here to modify your cloud themes on the fly. Please enter your < b > phone number< / b > in the < a target = "_blank" rel = "noopener" href = "https://telegram.org/faq#login-and-sms" > international format< / a > and we will send a confirmation message to your account via Telegram.< / p >
< form id = "send-form" class = "login-form" >
< div class = "form-group" >
< input type = "tel" class = "form-control th-form-control input-lg" id = "phone-number" placeholder = "+12223334455" autocomplete = "off" / >
< / div >
< div class = "popup-buttons" >
< a class = "btn btn-link btn-lg login-cancel-btn" > Cancel< / a > < button type = "submit" class = "btn btn-link btn-lg" > Next< / button >
< / div >
< / form >
< div id = "login-form" class = "hide" >
< div class = "form-group" >
< span class = "form-control th-form-control input input-lg input-disabled" > < strong id = "phone-number-field" > < / strong > (< a class = "login-back" href = "/auth" > Incorrect?< / a > )< / span >
< p class = "help-block dots-animated" > We' ve just sent you a message.< br / > Please confirm access via Telegram< / p >
< / div >
< div class = "popup-buttons" >
< a class = "btn btn-link btn-lg login-cancel-btn" > Cancel< / a > < a class = "btn btn-link btn-lg login-back" > Back< / a >
< / div >
< / div >
< / section >
< / div >
< / div >
< / div > < / div >
2022-10-21 13:53:34 +02:00
< script src = "//telegram.org/js/jquery.min.js?1" > < / script >
< script src = "//telegram.org/js/bootstrap.min.js" > < / script >
2022-12-03 12:23:45 +01:00
< script src = "//telegram.org/js/main-aj.js?67" > < / script >
2022-02-24 19:51:11 +01:00
< script src = "/js/themes.js?6" > < / script >
< script src = "/js/jquery-ui.min.js?1" > < / script >
2023-03-11 18:56:39 +01:00
< script > ajInit ( { "version" : 558 , "apiUrl" : "\/api?hash=telegram-crawler" , "unauth" : true } ) ; < / script >
2022-02-24 19:51:11 +01:00
< script id = "aj_script" > o p e n P o p u p ( ' # l o g i n - p o p u p - c o n t a i n e r ' ) ;
Aj.onLoad(function(state) {
function requestConfirmation(event) {
event & & event.preventDefault();
var phone = $('#phone-number').val();
$.ajax({
type: 'POST',
url: '/auth/request',
data: {
phone: phone
},
success: function(result) {
$('#phone-number-field').text(phone);
$('#send-form').addClass('hide');
$('#login-form').removeClass('hide');
checkAuth(result.temp_session);
},
error: function(xhr) {
showAlert(xhr.responseText || 'Server error');
},
dataType: 'json'
});
return false;
}
function cancelConfirmation(event) {
event & & event.preventDefault();
$('#phone-number-field').text('');
$('#send-form').removeClass('hide');
$('#login-form').addClass('hide');
$('#phone-number').focus();
clearTimeout(window.authTimeout);
return false;
}
function checkAuth(temp_session) {
clearTimeout(window.authTimeout);
window.authTimeout = setTimeout(function doCheckAuth() {
$.ajax({
type: 'POST',
url: '/auth/login',
data: {
temp_session: temp_session
},
success: function(result) {
if (result) {
location.reload();
} else {
checkAuth(temp_session);
}
},
error: function (xhr) {
showAlert(xhr.responseText || 'Server error');
},
dataType: 'json'
});
}, 700);
}
$('#login-popup-container').on('popup:open', function() {
$('#phone-number').focus();
});
$('#login-popup-container').on('popup:close', function() {
cancelConfirmation();
if (location.pathname == '/auth') {
window.history & & history.replaceState(null, null, '/');
}
});
$('#login-popup-container #send-form').on('submit', requestConfirmation);
$('#login-popup-container .login-cancel-btn').on('click', function(e) {
e.preventDefault();
closePopup('#login-popup-container');
});
$('#login-popup-container .login-back').on('click', cancelConfirmation);
$('.login-link').on('click', function(e) {
e.stopImmediatePropagation();
e.preventDefault();
openPopup('#login-popup-container');
});
});
Aj.onUnload(function(state) {
$('#login-popup-container').off('popup:open');
$('#login-popup-container').off('popup:close');
$('#login-popup-container #send-form').off('submit');
$('#login-popup-container .login-cancel-btn').off('click');
$('#login-popup-container .login-back').off('click');
$('.login-link').off('click');
});
< / script >
< script > Aj . pageLoaded ( ) ; < / script >
< / body >
< / html >
