-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
244 lines (235 loc) · 15.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
<title>Telegram Web</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap&subset=cyrillic" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/styles/index.css">
<link rel="stylesheet" type="text/css" href="assets/styles/intro.css">
<link rel="stylesheet" type="text/css" href="assets/styles/app.css">
</head>
<body>
<script type="text/javascript" src="assets/scripts/utils.js"></script>
<script type="text/javascript" src="assets/scripts/storage.js"></script>
<script type="text/javascript" src="assets/scripts/theme.js"></script>
<div id="intro" class='hidden c-login' style='display: none'>
<div>
<div id='c-login'>
<div class='logo'>
<object type='image/svg+xml' data='assets/img/logo.svg'></object>
</div>
<br>
<h1>Sign in to Telegram</h1>
<p>Please confirm your country and<br>enter your phone number.</p>
<br>
<div class="inputSelect country">
<span class='placeholder'>Country</span>
<input type="text" readonly="readonly">
<div class="select">
<div class='scr'>
</div>
</div>
<div class='button'>
<span></span>
<span></span>
</div>
</div>
<br>
<div class="input phone">
<span class='placeholder'>Phone Number</span>
<input type="text">
</div>
<div class='errorText'>Flood!</div>
<button class='Button'>
<span>NEXT</span>
<span>PLEASE WAIT...</span>
<span>
<div></div>
<div></div>
<div></div>
<div></div>
</span>
</button>
<br>
<br>
</div>
<div id='c-code' style="display:none;">
<div id="monkey"></div>
<div id="c-phone-code" style="display:none;">
<h1>
<span></span><div class="edit Button">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#edit"></use>
</svg>
</div>
</h1>
<p>We have sent you an SMS<br>with the code.</p>
<br>
<div class="input phonecode">
<span class="placeholder">Code</span>
<input type="text">
</div>
<br>
<br>
</div>
<div id="c-password" style="display:none;">
<h1>Enter a Password</h1>
<p>Your account is protected with<br>an additional password.</p>
<br>
<div class="input password">
<span class='placeholder'>Password</span>
<input type="password">
<span class='button btn'>
<span class='non-visible'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#eye"></use>
</svg>
</span>
<span class="visible">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#eye-cross"></use>
</svg>
</span>
</span>
</div>
<br>
<button class='Button'>
<span>NEXT</span>
<span>PLEASE WAIT...</span>
<span>
<div></div>
<div></div>
<div></div>
<div></div>
</span>
</button>
</div>
</div>
<div id='c-register' style="display: none">
<!-- <div id="avatar">
</div> -->
<br>
<h1>Your name</h1>
<p>Enter your name and add<br>a profile picture</p>
<br>
<div class="input name">
<span class="placeholder">Name</span>
<input type="text">
</div>
<br>
<div class="input last">
<span class="placeholder">Last Name (optional)</span>
<input type="text">
</div>
<br>
<button class="Button">
<span>START MESSAGING</span>
<span>PLEASE WAIT...</span>
<span>
<div></div>
<div></div>
<div></div>
<div></div>
</span>
</button>
</div>
</div>
</div>
<script type="text/javascript" src="assets/scripts/intro.js"></script>
<div id="app" class='hidden' style='display: none'>
<div>
<div id="left-sidebar" class="dialogs">
<div class="top">
<div class="Button menu"><svg viewBox='0 0 24 24'><path d="M4,16 L20,16 C20.5522847,16 21,16.4477153 21,17 C21,17.5128358 20.6139598,17.9355072 20.1166211,17.9932723 L20,18 L4,18 C3.44771525,18 3,17.5522847 3,17 C3,16.4871642 3.38604019,16.0644928 3.88337887,16.0067277 L4,16 L20,16 L4,16 Z M4,11 L20,11 C20.5522847,11 21,11.4477153 21,12 C21,12.5128358 20.6139598,12.9355072 20.1166211,12.9932723 L20,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4871642 3.38604019,11.0644928 3.88337887,11.0067277 L4,11 Z M4,6 L20,6 C20.5522847,6 21,6.44771525 21,7 C21,7.51283584 20.6139598,7.93550716 20.1166211,7.99327227 L20,8 L4,8 C3.44771525,8 3,7.55228475 3,7 C3,6.48716416 3.38604019,6.06449284 3.88337887,6.00672773 L4,6 Z"></path></svg></div>
<div class="searchbox">
<svg viewBox='0 0 24 24'><path d="M9.5,3 C13.0898509,3 16,5.91014913 16,9.5 C16,10.9337106 15.5358211,12.2590065 14.7495478,13.3338028 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3466228,20.0675907 18.7793918,20.0953203 18.3871006,19.7902954 L18.2928932,19.7071068 L13.3338028,14.7495478 C12.2590065,15.5358211 10.9337106,16 9.5,16 C5.91014913,16 3,13.0898509 3,9.5 C3,5.91014913 5.91014913,3 9.5,3 Z M9.5,5 C7.01471863,5 5,7.01471863 5,9.5 C5,11.9852814 7.01471863,14 9.5,14 C11.9852814,14 14,11.9852814 14,9.5 C14,7.01471863 11.9852814,5 9.5,5 Z"></path></svg>
<div>
<input type="text" autocorrect="off" autocomplete="off" placeholder="Search">
</div>
</div>
</div>
<div class="content">
<div class="dialogs">
</div>
<div class="search" style="display: none">
<div>
</div>
</div>
</div>
<div class='settings'>
</div>
</div>
<div id="content" class="empty">
<div class="empty" style="display: block;">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="assets/scripts/leftsidebar.js"></script>
<script type="text/javascript" src="assets/scripts/content.js"></script>
<script type="text/javascript" src="assets/scripts/libs/tl.js"></script>
<script type="text/javascript" src="assets/scripts/libs/class.js"></script>
<script type="text/javascript" src="assets/scripts/libs/crc32.js"></script>
<script type="text/javascript" src="assets/scripts/libs/bigint.js"></script>
<script type="text/javascript" src="assets/scripts/libs/sha1.min.js"></script>
<script type="text/javascript" src="assets/scripts/libs/sha256.min.js"></script>
<script type="text/javascript" src="assets/scripts/libs/aes.js"></script>
<script type="text/javascript" src="assets/scripts/libs/crypto.js"></script>
<script type="text/javascript" src="assets/scripts/mtproto.js"></script>
<script type="text/javascript" src="assets/scripts/main.js"></script>
<script type="text/javascript" src="assets/scripts/api.js"></script>
<script type="text/javascript" src="assets/scripts/ui.js"></script>
<script type="text/javascript" src="assets/scripts/libs/lottie.min.js"></script>
<script type="text/javascript" src="assets/scripts/libs/zlib.min.js"></script>
<script type="text/javascript" src="assets/scripts/libs/gunzip.min.js"></script>
<svg style="width:0;height:0;">
<defs>
<filter id="sh" y="-40%" x="0%" width="100%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="1"/>
<feOffset dx="0" dy="0.5" result="offsetblur"/>
<feFlood flood-color="rgba(0,0,0,0.2)"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<g id="edit">
<path d="M7.70710678,20.7071068 C7.5195704,20.8946432 7.26521649,21 7,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,17 C3,16.7347835 3.10535684,16.4804296 3.29289322,16.2928932 L16.5857864,3 C17.3257272,2.26005924 18.5012114,2.22111499 19.2869988,2.88316725 L19.4142136,3 L21,4.58578644 C21.7399408,5.3257272 21.778885,6.50121136 21.1168328,7.28699879 L21,7.41421356 L7.70710678,20.7071068 Z M5,17.4142136 L5,19 L6.58578644,19 L16.5857864,9 L15,7.41421356 L5,17.4142136 Z M18,4.41421356 L16.414,5.99921356 L18,7.58521356 L19.5857864,6 L18,4.41421356 Z"></path>
</g>
<g id="eye-cross">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path>
</g>
<g id="eye">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path>
</g>
<g id="emoji-select">
<path d="M12,1 C18.0751322,1 23,5.92486775 23,12 C23,18.0751322 18.0751322,23 12,23 C5.92486775,23 1,18.0751322 1,12 C1,5.92486775 5.92486775,1 12,1 Z M12,3 C7.02943725,3 3,7.02943725 3,12 C3,16.9705627 7.02943725,21 12,21 C16.9705627,21 21,16.9705627 21,12 C21,7.02943725 16.9705627,3 12,3 Z M6.66607426,13.6501686 C7.13342047,13.4117012 7.7055954,13.5972442 7.94406273,14.0645904 C8.71613228,15.5776856 10.2710663,16.5499921 12,16.5499921 C13.7262991,16.5499921 15.2792455,15.5806677 16.0525854,14.0711462 C16.2918118,13.6041881 16.8642875,13.419575 17.3312456,13.6588014 C17.7982037,13.8980278 17.9828168,14.4705034 17.7435904,14.9374615 C16.6482438,17.0755242 14.4462205,18.4499921 12,18.4499921 C9.55003677,18.4499921 7.34521255,17.0713067 6.2516524,14.928157 C6.01318507,14.4608108 6.19872805,13.8886359 6.66607426,13.6501686 Z M8.75,8 C9.44035594,8 10,8.67157288 10,9.5 C10,10.3284271 9.44035594,11 8.75,11 C8.05964406,11 7.5,10.3284271 7.5,9.5 C7.5,8.67157288 8.05964406,8 8.75,8 Z M15.25,8 C15.9403559,8 16.5,8.67157288 16.5,9.5 C16.5,10.3284271 15.9403559,11 15.25,11 C14.5596441,11 14,10.3284271 14,9.5 C14,8.67157288 14.5596441,8 15.25,8 Z"></path>
</g>
<g id="attach">
<path d="M11.657825,8.68730116 L7.89384699,12.5266719 C6.53977525,13.9078658 6.53979565,16.118605 7.89389288,17.4997739 C9.18119565,18.812813 11.2598788,18.8798255 12.6276396,17.6859428 L12.8071445,17.5177786 L19.3928802,10.8005213 C21.4766204,8.67512215 21.4766204,5.27313659 19.3928802,3.14773741 C17.4051081,1.12022499 14.1862843,1.0310006 12.0906645,2.90336495 L11.834659,3.14773741 L5.26671543,9.84699003 C2.45333216,12.7166196 2.45333216,17.3098454 5.26671543,20.179475 C7.96150749,22.9281424 12.3352577,23.0332941 15.1578204,20.4629606 L15.452067,20.1794113 L19.2160679,16.340063 C19.6027032,15.945688 19.596429,15.3125541 19.202054,14.9259188 C18.8076791,14.5392835 18.1745452,14.5455577 17.7879099,14.9399327 L13.9520378,18.8511531 C11.9281881,20.8353343 8.67903707,20.8031766 6.6948559,18.7793268 C4.64395201,16.6874204 4.64395201,13.3390446 6.6948559,11.2471382 L13.3088798,4.50180526 C14.6072848,3.22884976 16.6917843,3.24948061 17.9647398,4.54788555 C19.2860006,5.89556155 19.2860006,8.05269718 17.9647398,9.40037319 L11.3764629,16.119959 C10.803533,16.6816592 9.88373353,16.6725557 9.32203335,16.0996258 C8.73040544,15.4961698 8.73039653,14.5302606 9.3220133,13.9267937 L13.0859914,10.0874229 C13.4726243,9.6930457 13.4663463,9.05991185 13.0719691,8.67327889 C12.6775919,8.28664594 12.044458,8.29292392 11.657825,8.68730116 Z"></path>
</g>
<g id="send">
<path d="M2.65383364,2.92607697 L4.145798,9.778632 C4.26700994,10.3353554 4.73555061,10.7489799 5.30300879,10.8002098 L16.196355,11.7836569 C16.3159306,11.7944521 16.4041145,11.9001385 16.3933192,12.0197141 C16.3838746,12.1243302 16.3009783,12.2072294 16.1963626,12.2166777 L5.30295988,13.2005138 C4.73552551,13.2517615 4.26701089,13.6653731 4.14579755,14.2220735 L2.65385781,21.074154 C2.55168485,21.543407 2.84926209,22.0066394 3.31851517,22.1088123 C3.50628037,22.1496954 3.70229947,22.1272304 3.87594675,22.0449272 L23.4110848,12.7858981 C23.8450551,12.5802101 24.0301144,12.0616646 23.8244264,11.6276943 C23.7384721,11.4463438 23.5924353,11.300307 23.4110848,11.2143527 L3.87592461,1.95531307 C3.44195432,1.74962507 2.92340882,1.93468443 2.71772082,2.36865471 C2.63541897,2.54229904 2.61295329,2.73831451 2.65383364,2.92607697 Z"></path>
</g>
<g id="mic">
<path d="M19,10 C19.5522847,10 20,10.4477153 20,11 C20,15.0792885 16.9468043,18.445465 13.0009551,18.9379871 L13,22 C13,22.5522847 12.5522847,23 12,23 C11.4871642,23 11.0644928,22.6139598 11.0067277,22.1166211 L11,22 L11.0000487,18.9381123 C7.05371356,18.4460359 4,15.0796344 4,11 C4,10.4477153 4.44771525,10 5,10 C5.55228475,10 6,10.4477153 6,11 C6,14.3137085 8.6862915,17 12,17 C15.3137085,17 18,14.3137085 18,11 C18,10.4477153 18.4477153,10 19,10 Z M12,2 C14.209139,2 16,3.790861 16,6 L16,11 C16,13.209139 14.209139,15 12,15 C9.790861,15 8,13.209139 8,11 L8,6 C8,3.790861 9.790861,2 12,2 Z"></path>
</g>
<g id="corner">
<path xmlns="http://www.w3.org/2000/svg" d="M18.0000271,29 L23.9999983,29 L23.9999983,12 C23.8069952,14.8392983 23.1238006,17.7667487 21.9504146,20.7823513 C21.0460458,23.1065797 19.5041296,25.2666259 17.3246662,27.26249 C16.9173386,27.6354732 16.889523,28.2680413 17.262523,28.6753536 C17.4519513,28.8822073 17.7195427,29 18.0000271,29 Z" style="filter:url(#sh)"></path>
</g>
<g id="pin">
<path d="M15.5076746,5.43106151 C15.6360364,5.50807857 15.7544683,5.60054738 15.8603181,5.70639721 L18.293754,8.13983316 C19.0087487,8.85482776 19.0087487,10.0140631 18.293754,10.7290577 C18.1879042,10.8349075 18.0694723,10.9273763 17.9411106,11.0043934 L16.0271139,12.1527914 C16.2818698,13.6727594 15.6636956,15.1719619 14.2486077,16.5870499 C13.9244725,16.911185 13.3989456,16.911185 13.0748104,16.5870499 L10.83,14.3428746 L7.58689863,17.5868986 C7.28977473,17.8840225 6.8234258,17.9087829 6.49809773,17.6611796 L6.41310137,17.5868986 C6.11597747,17.2897747 6.09121715,16.8234258 6.3388204,16.4980977 L6.41310137,16.4131014 L9.657,13.1688746 L7.41310137,10.9253408 C7.08896621,10.6012057 7.08896621,10.0756787 7.41310137,9.75154358 C8.75743492,8.40721003 10.1776819,7.78209116 11.6195283,7.94136145 L11.8473599,7.97303736 L12.9957579,6.05904069 C13.5159929,5.19198237 14.6406163,4.91082651 15.5076746,5.43106151 Z M14.4191961,6.91310365 L12.9555748,9.35247255 C12.7554257,9.68605435 12.3504433,9.8358671 11.9813866,9.71284821 C11.0837094,9.41362247 10.1767406,9.61176673 9.20691373,10.3715587 L13.6285926,14.7932375 L13.7730814,14.6000944 C14.4125932,13.7025228 14.5665804,12.8565967 14.287303,12.0187646 C14.1642842,11.649708 14.3140969,11.2447255 14.6476787,11.0445765 L17.10429,9.56911679 L17.1199568,9.55526042 C17.1866811,9.48853613 17.1866811,9.3803547 17.1199568,9.31363041 L14.6865208,6.88019447 L14.6536117,6.85449976 C14.5726966,6.80595071 14.4677452,6.83218857 14.4191961,6.91310365 Z"></path>
</g>
<g id="verified">
<rect id="Rectangle" fill="#4EA4F6" x="4" y="4" width="17" height="17"></rect>
<rect id="Rectangle" fill="#4EA4F6" transform="translate(12.500000, 12.500000) rotate(-315.000000) translate(-12.500000, -12.500000)" x="4" y="4" width="17" height="17"></rect>
<path fill="#FFFFFF" d="M10.8818602,14.7950207 L16.0926862,9.1670822 C16.280964,8.96373335 16.6080267,8.94312749 16.8232012,9.12105774 C17.0168583,9.28119496 17.0538854,9.54756978 16.9220997,9.74748469 L16.8719022,9.81142462 L11.2966853,15.8329225 C11.1192031,16.0246117 10.8206146,16.0526177 10.6083006,15.9104149 L10.5410091,15.8567009 L8.15163044,13.5986392 C7.94945652,13.4075765 7.94945652,13.0978026 8.15163044,12.9067399 C8.33358697,12.7347835 8.61729147,12.7175878 8.81959759,12.855153 L8.88376698,12.9067399 L10.8818602,14.7950207 L16.0926862,9.1670822 L10.8818602,14.7950207 Z"></path>
</g>
</defs>
</svg>
</body>
</html>