forked from dktr0/extramuros
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
102 lines (91 loc) · 4.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>extramuros</title>
<!--<script src="/socket.io/socket.io.js"></script>-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="assets/js/caret.js" type="text/javascript"></script>
<script src="assets/js/prism.js" type="text/javascript"></script>
<script src="assets/js/p5.min.js"></script>
<script src="assets/js/p5.sound.min.js"></script>
<script src="node_modules/osc/dist/osc-browser.min.js"></script>
<link href="assets/css/prism.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/mLayout.css">
<link href="assets/css/link.css" rel="stylesheet" type="text/css" />
<link href="assets/css/slider.css" rel="stylesheet" type="text/css" />
</head>
<body onload="initiate()">
<script type="text/javascript">
// Optional
Prism.plugins.NormalizeWhitespace.setDefaults({
'remove-trailing': false,
'remove-indent': true,
'left-trim': false,
'right-trim': false,
});
</script>
<div id="global">
<div class="header">
<div class="float-left">
<span id="peers" class="link-box" >Link</span>
<span class="space-5" ></span>
<span id="tempo" class="link-box" >120</span>
<span class="space-20" ></span>
<span id="phase" class="link-box" >1/4</span>
<span class="space-5" ></span>
<input type="number" value="4.8" step="0.1" min="1" max="4.9" class="header-input" id="cycles-trigger">
<span class="space-20" ></span>
<img id="play" role="button" onclick="start()" class="active-play icon-link" src="assets/img/play.svg" />
<img id="stop" role="button" onclick="stop()" class="icon-link" src="assets/img/stop.svg" />
<img id="record" role="button" onclick="record()" class="active-record icon-link icon-smaller " src="assets/img/record.svg" />
<span class="space-20" ></span>
<div class="slidecontainer">
<input type="range" min="24" max="200" value="100" class="slider" id="width-range">
</div>
<span class="space-20" ></span>
<span id="repeat-button" class="link-box icon-button" onclick="toggleRepeat(this)">
<img id="repeat" src="assets/img/repeat.png" /></span>
<span class="space-20" ></span>
</div>
<div class="float-right">
<input type="file" name="ins" id="files" class="text" value="Upload"/>
<input type="text" name="filename" length="32" id="filename" class="text" value="tidal"/>
<input type="button" name="ins" id="ins" class="text" onclick="save()" value="Save"/>
</div>
</div>
<hr/>
<div id="content-wrapper">
<div id="editor-table">
<div class="header-row">
<pre spellcheck="false" class="header-box play-box"></pre>
<pre spellcheck="false" class="config-box header-box">Cycle</pre>
<pre spellcheck="false" class="config-box header-box" style="width: 100%">Editor</pre>
</div>
<div id="editor-wrapper">
<div class="row">
<img id="play-1" role="button" onclick="startFrom(1)" class="play-box" src="assets/img/play.svg" />
<pre id="editor-cycle-1" spellcheck="false" contenteditable="true" class="config-box"></pre>
<pre class="editor-box"><code tabindex="5" id="edit1" spellcheck="false" contenteditable="true" class="language-tidal"></code></pre>
</div>
<div class="row">
<img id="play-2" role="button" onclick="startFrom(2)" class="play-box" src="assets/img/play.svg" />
<pre id="editor-cycle-2" spellcheck="false" contenteditable="true" class="config-box"></pre>
<pre class="editor-box"><code tabindex="6" id="edit2" spellcheck="false" contenteditable="true" class="language-tidal"></code></pre>
</div>
<div class="row">
<img id="play-3" role="button" onclick="startFrom(3)" class="play-box" src="assets/img/play.svg" />
<pre id="editor-cycle-3" spellcheck="false" contenteditable="true" class="config-box"></pre>
<pre class="editor-box"><code tabindex="7" id="edit3" spellcheck="false" contenteditable="true" class="language-tidal"></code></pre>
</div>
</div>
</div>
<div id="feedback-container">
</div>
</div>
</div>
<script src="assets/js/file.js"></script>
<script src="assets/js/sequencer.js"></script>
<script src="assets/js/browser.js"></script>
</body>
</html>