Skip to content

Commit 84f8178

Browse files
teodoranteodoran
committed
Update drums to temporary design
1 parent 6717cc2 commit 84f8178

File tree

1 file changed

+40
-44
lines changed

1 file changed

+40
-44
lines changed

‎drums.html‎

Lines changed: 40 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,44 @@
11
<!doctype html>
22
<html>
3-
<head>
4-
<title>Drums</title>
5-
<script src="/static/fastclick/lib/fastclick.js"></script>
6-
<script src="/static/socket.io/node_modules/socket.io-client/socket.io.js"></script>
7-
<style>
8-
table, td, th {
9-
border: 2px solid black;
10-
}
11-
td {
12-
background-color: green;
13-
}
14-
</style>
15-
</head>
16-
<body>
17-
<table width="100%" height="800px">
18-
<tr>
19-
<td onclick="play('kick')"></td>
20-
</tr>
21-
<tr>
22-
<td onclick="play('snare')"></td>
23-
</tr>
24-
<tr>
25-
<td onclick="play('clap')"></td>
26-
</tr>
27-
<tr>
28-
<td onclick="play('hihat')"></td>
29-
</tr>
30-
<tr>
31-
<td onclick="play('crash')"></td>
32-
</tr>
33-
</table>
34-
<script>
35-
var socket = io(),
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Synth | Torsk</title>
6+
<script src="/static/fastclick/lib/fastclick.js"></script>
7+
<script src="/static/socket.io/node_modules/socket.io-client/socket.io.js"></script>
368

37-
play = function (drum) {
38-
socket.emit('beat', drum);
39-
};
9+
<!-- CSS -->
10+
<link href="/static/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
11+
<link href="torsk.css" rel="stylesheet">
12+
</head>
13+
<body>
4014

41-
if ('addEventListener' in document) {
42-
document.addEventListener('DOMContentLoaded', function() {
43-
FastClick.attach(document.body);
44-
}, false);
45-
}
46-
</script>
47-
</body>
48-
</html>
15+
<div class="container">
16+
17+
<div class="jumbotron">
18+
<h1>Torsk-Synth! Play for Lofoten :)</h1>
19+
</div>
20+
21+
<div class="row marketing">
22+
<button type="button" class="btn btn-default torsk-btn col-md-12" onclick="play('kick')">-</button>
23+
<button type="button" class="btn btn-default torsk-btn col-md-12" onclick="play('snare')">-</button>
24+
<button type="button" class="btn btn-default torsk-btn col-md-12" onclick="play('clap')">-</button>
25+
<button type="button" class="btn btn-default torsk-btn col-md-12" onclick="play('hihat')">-</button>
26+
<button type="button" class="btn btn-default torsk-btn col-md-12" onclick="play('crash')">-</button>
27+
</div>
28+
29+
</div>
30+
<script>
31+
if ('addEventListener' in document) {
32+
document.addEventListener('DOMContentLoaded', function() {
33+
FastClick.attach(document.body);
34+
}, false);
35+
}
36+
37+
var socket = io(),
38+
play = function (drum) {
39+
socket.emit('beat', drum);
40+
};
41+
</script>
42+
</body>
43+
44+
</html>

0 commit comments

Comments
 (0)