-
Notifications
You must be signed in to change notification settings - Fork 2
/
editor.html
99 lines (96 loc) · 3.62 KB
/
editor.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
<!doctype>
<html>
<head>
<title>Try LambdaCube 3D</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jquery-ui.css">
<style>
body {
font-family: sans-serif;
}
.ace_editor {
width: 100%;
height: 100%;
}
.lc_warning {
background: rgba(0, 255, 0, 0.3);
position: absolute;
z-index: 1001;
border-style: solid;
border-width: 0px;
color: rgba(0, 255, 0, 1);
}
.lc_error {
background: rgba(255, 0, 0, 0.3);
position: absolute;
z-index: 1000;
border-style: solid;
border-width: 1px;
color: rgba(255, 0, 0, 1);
}
</style>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-23304628-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body style="margin: 5px">
<div style="width: 100%; height: 95%">
<div id="tabs" style="float:right; width: 40%; height: 100%">
<ul>
<li><a href="#webgl">WebGL</a></li>
<li><a href="#pipeline">Pipeline</a></li>
<li><a href="#desugared">Desugared</a></li>
</ul>
<div id="webgl">
<canvas id="glcanvas" width="400" height="400" style="width: 100%; border: 1px solid black; margin: auto; vertical-align: center">
Your browser doesn't appear to support the HTML5 <code><canvas></code> element.
</canvas>
<div style="padding-top: 5px;">
<label>Pause<input type="checkbox" id="pause" value="first_checkbox"></label>
<label>Time<input type="number" id="timeBox" step="any" style="margin-left: 5px;"></label><br>
<input type="range" id="timeRange" value="1" min="0" max="100" step="0.05" style="width: 100%;">
</div>
<div>
<textarea id="messagepanel" style="width: 100%; height: 18%; padding:10px;" readonly>
</textarea>
</div>
</div>
<textarea style="width: 100%; height: 95%; font-size: 11px; padding:10px;" id="pipeline" readonly>
</textarea>
<textarea style="width: 100%; height: 95%; font-size: 11px; padding:10px;" id="desugared" readonly>
</textarea>
</div>
<div style="float:left; width: 60%; height: 100%">
<div id="editor"></div>
<div>
<div id="ui" style="float:left">
<button id="compilebutton" type="button" accesskey="b"> <U>B</U>uild</button>
</div>
<div id="statuspanel" style="float:left">
trying connect to compiler service
</div>
<div style="float:right">
<select id="exerciseselect">
<option selected disabled>Choose an example</option>
</select>
</div>
</div>
</div>
</div>
<script src="token_tooltip.js"></script>
<script src="editor.js"></script>
<script type="text/javascript"> var gl; onload = PS.Main.run;</script>
</body>
</html>