-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathfull.html
423 lines (359 loc) · 27.7 KB
/
full.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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
<!DOCTYPE html>
<html style="background: #313744" translate="no">
<head>
<title>Codeit</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#313744">
<meta name="apple-mobile-web-app-status-bar-style" content="#313744">
<meta name="apple-mobile-web-app-title" content="Codeit">
<meta charset="utf-8">
<meta name="description" content="Run projects, code your ideas, and share it all on Codeit.">
<meta property="og:title" content="Codeit | Mobile code editor connected to Git">
<meta property="og:description" content="Run projects, code your ideas, and share it all on Codeit.">
<meta property="og:url" content="https://codeit.codes">
<meta property="og:image" content="https://codeit.codes/images/banner-og.png">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Codeit">
<meta property="twitter:title" content="Codeit | Mobile code editor connected to Git">
<meta property="twitter:site" content="@codeitcodes">
<meta name="twitter:card" content="summary">
<meta name="twitter:description" content="Run projects, code your ideas, and share it all on Codeit.">
<meta name="twitter:image" content="https://codeit.codes/images/banner-og.png">
<meta name="referrer" content="default">
<meta name="keywords" content="code editor, version control tools, source code versioning, source code management tools, python, jquery demo, html, git, how to, bootstrap, jquery, javascript, javascript tutorial, javascript tutorial for beginners, javascript programming, html web form, create form in html, responsive web design, html web design, html design, responsive website development, html5 tutorial, html5 css3, html5 development, web design software, web development software, git tutorial, git howto, git repository, git command, git source code, top programming languages to learn, best programming language, best computer language, open source, open source code, open source applications, source code editor, software development tools, development tool, software developer tools list, programmer tool, web application development software">
<link rel="canonical" href="https://codeit.codes/">
<meta name="next-head-count" content="24">
<meta name="robots" content="all">
<meta name="google" content="notranslate">
<script>if (window !== top && !document.referrer.startsWith(window.location.origin)) { window.location.href = '/redirect' }</script>
<script defer data-domain="codeit.codes" src="https://plausible.io/js/plausible.js"></script>
<link rel="shortcut icon" href="/icons/android-app-512.png">
<link rel="apple-touch-icon" href="/icons/iphone-app-180.png">
<link rel="stylesheet" href="/full.css">
<link rel="preconnect" href="https://codeit.codes">
<link rel="preconnect" href="https://api.github.com" crossorigin>
<link rel="preload" href="/fonts/Inter/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Inter/Inter-Italic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Inter/Inter-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Inter/Inter-SemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Inter/Inter-SemiBoldItalic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Inter/Inter-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Mono-Sans/MonoSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Mono-Sans/MonoSans-Italic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Mono-Sans/MonoSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Mono-Sans/MonoSans-BoldItalic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Roboto-Mono/RobotoMono-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Roboto-Mono/RobotoMono-Italic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Roboto-Mono/RobotoMono-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/Roboto-Mono/RobotoMono-BoldItalic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="/fonts/fonts.css">
</head>
<body ontouchstart="">
<div class="cd-wrapper">
<cd-el class="line-numbers" lang="none" tabindex="0"></cd-el>
<div class="autocomplete"></div>
<div class="top-hit"></div>
</div>
<div class="bottom-wrapper">
<div class="bottom-float">
<div class="sidebar-open menu-item">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="menu-icon">
<rect fill="none" height="24" width="24"></rect>
<path
d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"
fill="currentColor"
></path>
</svg>
<div class="badge"></div>
<div class="logo"></div>
</div>
<div class="menu-item download">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
<rect fill="none" height="24" width="24"></rect>
<path d="M16.59,9H15V4c0-0.55-0.45-1-1-1h-4C9.45,3,9,3.45,9,4v5H7.41c-0.89,0-1.34,1.08-0.71,1.71l4.59,4.59 c0.39,0.39,1.02,0.39,1.41,0l4.59-4.59C17.92,10.08,17.48,9,16.59,9z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z" fill="currentColor"></path>
</svg>
</div>
<div class="menu-item push-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path d="M7.4,10h1.59v5c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1v-5h1.59c0.89,0,1.34-1.08,0.71-1.71L12.7,3.7 c-0.39-0.39-1.02-0.39-1.41,0L6.7,8.29C6.07,8.92,6.51,10,7.4,10z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z" fill="currentColor"/></svg>
</div>
</div>
<div class="live-buttons">
<svg class="live-button options" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path class="options-icon" d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="currentColor"></path>
<g class="share-icon">
<path style="transform: scale(0.9375); transform-origin: center;" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z" fill="currentColor"></path>
<path class="ios" d="M16 5l-1.42 1.42-1.59-1.59V16h-1.98V4.83L9.42 6.42 8 5l4-4 4 4zm4 5v11c0 1.1-.9 2-2 2H6c-1.11 0-2-.9-2-2V10c0-1.11.89-2 2-2h3v2H6v11h12V10h-3V8h3c1.1 0 2 .89 2 2z" fill="currentColor"></path>
</g>
</svg>
<svg class="live-button close" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M8.7 15.9L4.8 12l3.9-3.9c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0l-4.59 4.59c-.39.39-.39 1.02 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0 .39-.39.39-1.01 0-1.4zm6.6 0l3.9-3.9-3.9-3.9c-.39-.39-.39-1.01 0-1.4.39-.39 1.01-.39 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6c-.39.39-1.01.39-1.4 0-.39-.39-.39-1.01 0-1.4z" fill="currentColor"></path></svg>
</div>
</div>
<div class="live-view"></div>
<div class="bookmark live-toggle">
<div class="buttons">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="popout">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z" fill="currentColor"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="share">
<path d="M0 0h24v24H0z" fill="none"></path>
<path style="transform: scale(0.9375); transform-origin: center;" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z" fill="currentColor"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="download">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M16.59,9H15V4c0-0.55-0.45-1-1-1h-4C9.45,3,9,3.45,9,4v5H7.41c-0.89,0-1.34,1.08-0.71,1.71l4.59,4.59 c0.39,0.39,1.02,0.39,1.41,0l4.59-4.59C17.92,10.08,17.48,9,16.59,9z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z" fill="currentColor" class="left"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="arrow">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M8.7 15.9L4.8 12l3.9-3.9c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0l-4.59 4.59c-.39.39-.39 1.02 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0 .39-.39.39-1.01 0-1.4zm6.6 0l3.9-3.9-3.9-3.9c-.39-.39-.39-1.01 0-1.4.39-.39 1.01-.39 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6c-.39.39-1.01.39-1.4 0-.39-.39-.39-1.01 0-1.4z" fill="currentColor" class="right"></path>
<path d="M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z" fill="currentColor" class="left"></path>
</svg>
</div>
</div>
<div class="bookmark sidebar-toggle"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" fill="currentColor" class="right"></path><path d="M14.71 6.71c-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" fill="currentColor" class="left"></path></svg></div>
<div class="sidebar">
<div class="wrapper intro-wrapper">
<div class="intro">
<div class="picture-wrapper">
<svg class="picture" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
<rect fill="none" height="24" width="24"></rect>
<path d="M10.3,7.7L10.3,7.7c-0.39,0.39-0.39,1.01,0,1.4l1.9,1.9H3c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h9.2l-1.9,1.9 c-0.39,0.39-0.39,1.01,0,1.4l0,0c0.39,0.39,1.01,0.39,1.4,0l3.59-3.59c0.39-0.39,0.39-1.02,0-1.41L11.7,7.7 C11.31,7.31,10.69,7.31,10.3,7.7z M20,19h-7c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-7 c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7V19z" fill="currentColor"></path>
</svg>
</div>
<div class="subhead">
<div class="title">Sign in</div>
<div class="subtitle">
Sign in to push code, create files<br>
and view private repositories.
</div>
</div>
<div class="button secondary large-spacing-top sign-in">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M8 1C4.133 1 1 4.213 1 8.177c0 3.171 2.006 5.861 4.787 6.81.35.066.478-.155.478-.346 0-.17-.006-.621-.01-1.22-1.947.434-2.357-.962-2.357-.962-.319-.83-.778-1.05-.778-1.05-.635-.445.048-.437.048-.437.703.051 1.073.74 1.073.74.624 1.097 1.638.78 2.037.596.063-.463.244-.78.444-.959-1.554-.18-3.188-.797-3.188-3.547 0-.783.273-1.424.72-1.926-.072-.181-.312-.911.07-1.9 0 0 .586-.192 1.924.736A6.55 6.55 0 018 4.471a6.557 6.557 0 011.753.241c1.336-.928 1.923-.735 1.923-.735.382.988.141 1.718.07 1.9.448.5.72 1.142.72 1.925 0 2.757-1.638 3.364-3.197 3.542.251.221.475.66.475 1.329 0 .959-.009 1.733-.009 1.968 0 .193.127.416.482.346 2.78-.951 4.783-3.64 4.783-6.81C15 4.213 11.866 1 8 1z" fill="currentColor"></path>
</svg>
Sign in with GitHub
</div>
</div>
</div>
<div class="wrapper content-wrapper">
<div class="loader"></div>
<div class="header">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="add roundbutton">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" fill="currentColor" class="icon"></path>
</svg>
<div class="screen title-screen visible">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="back">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M14.71 6.71c-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" fill="currentColor"></path>
</svg>
<div class="logo scrolled-end"></div>
<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 24 24" width="16" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M13,14C9.64,14 8.54,15.35 8.18,16.24C9.25,16.7 10,17.76 10,19A3,3 0 0,1 7,22A3,3 0 0,1 4,19C4,17.69 4.83,16.58 6,16.17V7.83C4.83,7.42 4,6.31 4,5A3,3 0 0,1 7,2A3,3 0 0,1 10,5C10,6.31 9.17,7.42 8,7.83V13.12C8.88,12.47 10.16,12 12,12C14.67,12 15.56,10.66 15.85,9.77C14.77,9.32 14,8.25 14,7A3,3 0 0,1 17,4A3,3 0 0,1 20,7C20,8.34 19.12,9.5 17.91,9.86C17.65,11.29 16.68,14 13,14M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M17,6A1,1 0 0,0 16,7A1,1 0 0,0 17,8A1,1 0 0,0 18,7A1,1 0 0,0 17,6Z" fill="currentColor"></path>
</svg>
</div>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="search roundbutton">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" fill="currentColor"></path>
</svg>
</div>
<div class="screen search-screen">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="back roundbutton">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M14.71 6.71c-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" fill="currentColor"></path>
</svg>
<div class="search-input" contenteditable="plaintext-only" spellcheck="false" autocorrect="off" autocomplete="off" aria-autocomplete="list" autocapitalize="off" enterkeyhint="search"></div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="clear roundbutton">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" fill="currentColor" style="transform: rotate(-45deg)" transform-origin="center"></path>
</svg>
</div>
</div>
<div class="files"></div>
</div>
<div class="wrapper learn-wrapper">
<div class="intro">
<div class="picture-wrapper">
<img src="/icons/iphone-app-180.png" draggable="false" class="picture">
</div>
<div class="subhead">
<div class="title">Codeit</div>
<div class="subtitle version">-.-.-</div>
</div>
<div class="large-spacer"></div>
<div class="button secondary logout">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M8 1C4.133 1 1 4.213 1 8.177c0 3.171 2.006 5.861 4.787 6.81.35.066.478-.155.478-.346 0-.17-.006-.621-.01-1.22-1.947.434-2.357-.962-2.357-.962-.319-.83-.778-1.05-.778-1.05-.635-.445.048-.437.048-.437.703.051 1.073.74 1.073.74.624 1.097 1.638.78 2.037.596.063-.463.244-.78.444-.959-1.554-.18-3.188-.797-3.188-3.547 0-.783.273-1.424.72-1.926-.072-.181-.312-.911.07-1.9 0 0 .586-.192 1.924.736A6.55 6.55 0 018 4.471a6.557 6.557 0 011.753.241c1.336-.928 1.923-.735 1.923-.735.382.988.141 1.718.07 1.9.448.5.72 1.142.72 1.925 0 2.757-1.638 3.364-3.197 3.542.251.221.475.66.475 1.329 0 .959-.009 1.733-.009 1.968 0 .193.127.416.482.346 2.78-.951 4.783-3.64 4.783-6.81C15 4.213 11.866 1 8 1z" fill="currentColor"></path>
</svg>
Logout
</div>
<div class="button secondary about">About</div>
<div class="button secondary small-spacing-top share">Tell a friend</div>
<div class="button teritary small-spacing-top close">Close</div>
</div>
</div>
</div>
<div class="menu branch-menu top-margin"></div>
<div class="menu context-menu">
<div class="icon push">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M7.4,10h1.59v5c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1v-5h1.59c0.89,0,1.34-1.08,0.71-1.71L12.7,3.7 c-0.39-0.39-1.02-0.39-1.41,0L6.7,8.29C6.07,8.92,6.51,10,7.4,10z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z" fill="currentColor"></path>
</svg>
<a>Push with message...</a>
</div>
<div class="icon share">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path style="transform: scale(0.9375); transform-origin: center;" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z" fill="currentColor"></path>
</svg>
<a>Share</a>
</div>
<div class="icon discard-changes">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M13.89 8.7L12 10.59 10.11 8.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 8.7 13.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l1.89 1.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l1.89-1.89c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.38-1.41 0zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" fill="currentColor"></path>
</svg>
<a>Discard changes</a>
</div>
<hr>
<div class="icon add-to-new-folder">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z" fill="currentColor"></path>
</svg>
<a>New folder with file</a>
</div>
<div class="icon rename">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<g xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M15,16l-4,4h8c1.1,0,2-0.9,2-2v0c0-1.1-0.9-2-2-2H15z"></path>
<path d="M12.06,7.19l-8.77,8.77C3.11,16.14,3,16.4,3,16.66V19c0,0.55,0.45,1,1,1h2.34c0.27,0,0.52-0.11,0.71-0.29l8.77-8.77 L12.06,7.19z"></path>
<path d="M18.71,8.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34c-0.39-0.39-1.02-0.39-1.41,0l-1.83,1.83l3.75,3.75L18.71,8.04z"></path>
</g>
</svg>
<a>Rename</a>
</div>
<div class="icon delete">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zM18 4h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path>
</svg>
<a>Delete</a>
</div>
</div>
<div class="menu live-view-menu">
<div class="icon share">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0z" fill="none"></path>
<path style="transform: scale(0.9375); transform-origin: center;" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z" fill="currentColor"></path>
<path class="ios" d="M16 5l-1.42 1.42-1.59-1.59V16h-1.98V4.83L9.42 6.42 8 5l4-4 4 4zm4 5v11c0 1.1-.9 2-2 2H6c-1.11 0-2-.9-2-2V10c0-1.11.89-2 2-2h3v2H6v11h12V10h-3V8h3c1.1 0 2 .89 2 2z" xmlns="http://www.w3.org/2000/svg" fill="currentColor"></path>
</svg>
<a>Share</a>
</div>
<div class="icon console">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="branch-icon">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M20,4H4C2.89,4,2,4.9,2,6v12c0,1.1,0.89,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.11,4,20,4z M20,18H4V8h16V18z M12,16 c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1c0,0.55-0.45,1-1,1h-4C12.45,17,12,16.55,12,16z M6.79,9.71c0.39-0.39,1.02-0.39,1.41,0 l2.59,2.59c0.39,0.39,0.39,1.02,0,1.41l-2.59,2.59c-0.39,0.39-1.02,0.39-1.41,0c-0.39-0.39-0.39-1.02,0-1.41L8.67,13l-1.88-1.88 C6.4,10.73,6.4,10.1,6.79,9.71z" fill="currentColor"></path>
</svg>
<a>Console</a>
</div>
</div>
<div class="console-sheet sheet">
<div class="header-overflow-wrapper">
<div class="header">
<div class="title">Console</div>
<div class="roundbutton close">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14">
<path d="M13.3 0.709971C12.91 0.319971 12.28 0.319971 11.89 0.709971L7 5.58997L2.11 0.699971C1.72 0.309971 1.09 0.309971 0.700001 0.699971C0.310001 1.08997 0.310001 1.71997 0.700001 2.10997L5.59 6.99997L0.700001 11.89C0.310001 12.28 0.310001 12.91 0.700001 13.3C1.09 13.69 1.72 13.69 2.11 13.3L7 8.40997L11.89 13.3C12.28 13.69 12.91 13.69 13.3 13.3C13.69 12.91 13.69 12.28 13.3 11.89L8.41 6.99997L13.3 2.10997C13.68 1.72997 13.68 1.08997 13.3 0.709971Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
<div class="logs items empty"></div>
<svg class="jump-to-bottom roundbutton" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" tabindex="0">
<path d="M24 24H0V0h24v24z" fill="none"></path>
<path d="M15.88 9.29L12 13.17 8.12 9.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z" fill="currentColor"></path>
</svg>
<div class="footer input-empty">
<div class="input"></div>
<svg class="roundbutton return" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" tabindex="0">
<path d="M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z" fill="currentColor"></path>
</svg>
</div>
</div>
<div class="dialog-wrapper">
<div class="dialog-anim-wrapper">
<div class="dialog">
<div class="title"></div>
<div class="button-wrapper">
<div class="cancel button">Cancel</div>
<div class="confirm button">Confirm</div>
</div>
</div>
</div>
<div class="dialog-background"></div>
</div>
<div class="message-wrapper">
<div class="message"></div>
</div>
<div class="sidebar-background"></div>
<div class="splash-wrapper">
<div class="cube-loader"></div>
<div class="loading-subtitle">
Connection problems? <a class="link-style" target="_blank" href="https://github.com/codeitcodes/codeit/issues/new?template=bug_report.md&title=Connection%20problems">Let us know!</a>
</div>
</div>
<script src="lib/prism.js" data-manual></script>
<script>
Prism.plugins.autoloader.languages_path = 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/';
</script>
<link rel="stylesheet" href="/editor-theme.css">
<script src="lib/codeit.js"></script>
<script src="lib/plugins/codeit-line-numbers.js"></script>
<script src="lib/plugins/codeit-match-braces.js"></script>
<script src="lib/plugins/codeit-autolinker.js"></script>
<script src="worker/worker-channel.js"></script>
<script src="utils.js"></script>
<script src="manifest.js"></script>
<script src="files.js"></script>
<script src="links.js"></script>
<script src="repos.js"></script>
<script src="git/gitapi.js"></script>
<script src="git/gitauth.js"></script>
<script src="codedrop.js"></script>
<script src="filebrowser.js"></script>
<script src="live-view/extensions/draggable.js"></script>
<script src="live-view/live-view.js"></script>
<script src="spotlightsearch.js"></script>
<script src="localstorage.js"></script>
<script src="bottomfloat.js"></script>
<script src="context-menu.js"></script>
<script src="lib/plugins/codeit-autocomplete.js" async></script>
<script src="live-view/extensions/beautifier.min.js" async></script>
<script src="live-view/extensions/mobile-console/console-sheet.js" async></script>
<script>
// show loader if not loaded after 800ms
// (really slow connection)
window.setTimeout(() => {
if (!body.classList.contains('loaded')) {
document.querySelector('.splash-wrapper').classList.add('loader');
}
}, 800);
// show connection message if not loaded after 5s
// (extremely slow connection to offline)
window.setTimeout(() => {
if (!body.classList.contains('loaded')) {
document.querySelector('.splash-wrapper').classList.add('connection');
}
}, 5000);
</script>
</body>
</html>