-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (84 loc) · 2.79 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
<!doctype html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<html>
<head>
<title>CodeParrot</title>
<link rel="stylesheet" type="text/css" href="./app.css" />
</head>
<body>
<div id="menubar">
<label>Theme</label>
<select class="theme">
<option>3024-day</option>
<option>3024-night</option>
<option>abcdef</option>
<option>ambiance</option>
<option>base16-dark</option>
<option>base16-light</option>
<option>bespin</option>
<option>blackboard</option>
<option>cobalt</option>
<option>colorforth</option>
<option>default</option>
<option>dracula</option>
<option>eclipse</option>
<option>elegant</option>
<option>erlang-dark</option>
<option>hopscotch</option>
<option>icecoder</option>
<option>isotope</option>
<option>lesser-dark</option>
<option>liquibyte</option>
<option>material</option>
<option>mbo</option>
<option>mdn-like</option>
<option>midnight</option>
<option>monokai</option>
<option>neat</option>
<option>neo</option>
<option>night</option>
<option>paraiso-dark</option>
<option>paraiso-light</option>
<option>pastel-on-dark</option>
<option>railscasts</option>
<option>rubyblue</option>
<option selected>seti</option>
<option>solarized dark</option>
<option>solarized light</option>
<option>the-matrix</option>
<option>tomorrow-night-bright</option>
<option>tomorrow-night-eighties</option>
<option>ttcn</option>
<option>twilight</option>
<option>vibrant-ink</option>
<option>xq-dark</option>
<option>xq-light</option>
<option>yeti</option>
<option>zenburn</option>
</select>
<label>Language</label>
<select class="language"></select>
<label>Share link:</label>
<input type="text" id="shareUrl"></input>
</div>
<textarea id="text">Add your code here, change the theme and syntax highlighting with the menus above.</textarea>
<div id="welcome">
<div class="modal">
<img src="./assets/parrot_logo.png" />
<h1>CodeParrot</h1>
<div class="options">
<div class="existing">
<input type="text" name="peerid" placeholder="Existing ID"></input>
<button id="connect">Connect to someone else</button>
</div>
<div class="new">
<button id="generateId">Generate a new ID</button>
</div>
</div>
<p>a dead-simple tool for when you need to share code, fast.</p>
</div>
</div>
<script src="./index.js"></script>
</body>
</html>