-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
131 lines (114 loc) · 4.91 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
<!DOCTYPE html>
<!-- Copyright (c) 2014, the Dart project authors. Please see the AUTHORS file
for details. All rights reserved. Use of this source code is governed by a
BSD-style license that can be found in the LICENSE file. -->
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>6Pad</title>
<link href="styles/layout.css" rel="stylesheet" media="screen">
<link href="styles/index.css" rel="stylesheet" media="screen">
<link href="styles/elements.css" rel="stylesheet" media="screen">
<link href='https://fonts.googleapis.com/css?family=Roboto'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700'
rel='stylesheet' type='text/css'>
<!-- codemirror -->
<link href="lib/codemirror.css" rel="stylesheet" media="screen">
<link href="theme/zenburn.css" rel="stylesheet" media="screen">
<script src="lib/codemirror.js" defer></script>
<script src="lib/edit/closebrackets.js" defer></script>
<script src="lib/edit/matchbrackets.js" defer></script>
<script src="lib/perl6-mode.js" defer></script>
<script src="lib/xml.js" defer></script>
<script src="lib/javascript.js" defer></script>
<script src="lib/css.js" defer></script>
<script src="lib/htmlmixed.js" defer></script>
<!--
<link href="packages/codemirror/addon/lint/lint.css" rel="stylesheet" media="screen">
<link href="packages/codemirror/addon/hint/show-hint.css" rel="stylesheet" media="screen">
<link href="packages/dart_pad/editing/editor_codemirror.css" rel="stylesheet" media="screen">
-->
<script defer src="main.js"></script>
<script defer src="gen/eval_code.js"></script>
</head>
<body fullbleed layout vertical>
<header layout horizontal>
<div class="header-title">6Pad</div>
<div>
<!--
<button type="button" id="newbutton" class="button">New Pad…</button>
<button type="button" id="resetbutton" class="button" disabled>Reset…</button>
-->
</div>
<div class="header-gist-name" flex></div>
<div>
<button type="button" id="sharebutton" class="button">Share…</button>
</div>
<div>
<select id="samples" required="false">
<option value="0">Samples</option>
<option disabled></option>
<option value="5a889cc9d6385853af2ff6a3fa165662">Draw a spaceship</option> https://perl6.github.io/6pad/#5a889cc9d6385853af2ff6a3fa165662
<option value="b66f6f0eb46f296b8a285c45a152f18c">Quicksort</option>
<option value="b4b147048a70e333e61ec8c298096491">99 Bottles of Beer</option>
</select>
</div>
</header>
<section flex layout horizontal>
<div class="splash"></div>
<div class="view" flex three layout vertical>
<div class="header" layout horizontal wrap>
<li><a id="perltab" selected class="arrow_box"><span>Perl 6</span></a></li>
<li><a id="htmltab"><span>HTML</span></a></li>
<li><a id="csstab"><span>CSS</span></a></li>
<div flex></div>
<div id="dartbusy" class="busylight"></div>
<div>
<button type="button" id="runbutton" class="button"
title="Run (ctrl-enter / ⌘-enter)" disabled >
<svg width="18" height="18" viewBox="0 0 24 24"
style="vertical-align: text-bottom;">
<path d="M8 5v14l11-7z"/>
</svg>
Run
</button>
</div>
</div>
<div id="editpanel" flex layout vertical stylex="background-color: pink">
<textarea id="editor"></textarea>
</div>
</div>
<div class="splitter" vertical id="editor_split">
<div class="inner"></div>
</div>
<div class="view" flex two layout vertical>
<div class="view" flex two layout vertical>
<div id="frame-overlay"></div>
<div class="header" layout horizontal wrap>
<div flex></div>
<li><a id="resulttab"><span>HTML Output</span></a></li>
<li><a id="consoletab" selected last><span>Console</span></a></li>
<div id="consolebusy" class="busylight"></div>
</div>
<div id="output" class="console" flex></div>
<style id='csspart'></style>
<div id="frame" flex></div>
</div>
</div>
</section>
<footer layout horizontal>
<div id="keyboard-button" class="keyboard footer-item"></div>
<div>
<a href="https://github.com/perl6/6pad/issues"
target="repo">Send feedback</a>
</div>
<div flex></div>
<div id="dartpad_version"> </div>
</footer>
</body>
</html>