Skip to content

Commit 6f9a2a0

Browse files
magnuskiromagnuskiro
committed
fixed drum design and chechbox size.
1 parent fb7bf98 commit 6f9a2a0

File tree

5 files changed

+55
-48
lines changed

5 files changed

+55
-48
lines changed

‎chords.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@
1616
<body>
1717
<div class="container">
1818

19-
<div class="jumbotron">
20-
<h1>Torsk-Synth! Play for Lofoten :)</h1>
19+
<div>
20+
<h1>Torsk-Chords! Play for Lofoten :)</h1>
2121
</div>
2222

2323
<div class="row marketing">

‎drums.html‎

Lines changed: 45 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5-
<title>Synth | Torsk</title>
5+
<title>Drums | Torsk</title>
66
<script src="/static/fastclick/lib/fastclick.js"></script>
77
<script src="/static/socket.io/node_modules/socket.io-client/socket.io.js"></script>
88

@@ -17,14 +17,15 @@
1717

1818
<div class="container">
1919

20-
<div class="jumbotron">
21-
<h1>Torsk-Synth! Play for Lofoten :)</h1>
20+
<div>
21+
<h1>Torsk-Drums! Play for Lofoten :)</h1>
2222
</div>
2323

2424
<div class="row marketing">
2525
<div class="col-sm-12">
26-
<button class="col-sm-12" onclick="drums()">Set rythem</button>
26+
<button class="col-sm-12 drum-btn" onclick="drums()">Set rythem</button>
2727
</div>
28+
2829
<div class="col-sm-12">
2930
<button type="button" class="btn btn-default drum-btn col-md-4">Names:</button>
3031
<input type="text" class="col-sm-1" name="" value="note 1" readonly/>
@@ -38,58 +39,58 @@ <h1>Torsk-Synth! Play for Lofoten :)</h1>
3839
</div>
3940
<div class="col-sm-12">
4041
<button type="button" class="btn btn-default drum-btn col-md-4" onclick="play('kick')">Kick</button>
41-
<input type="checkbox" class="col-sm-1" id="kick-1" />
42-
<input type="checkbox" class="col-sm-1" id="kick-2" />
43-
<input type="checkbox" class="col-sm-1" id="kick-3" />
44-
<input type="checkbox" class="col-sm-1" id="kick-4" />
45-
<input type="checkbox" class="col-sm-1" id="kick-5" />
46-
<input type="checkbox" class="col-sm-1" id="kick-6" />
47-
<input type="checkbox" class="col-sm-1" id="kick-7" />
48-
<input type="checkbox" class="col-sm-1" id="kick-8" />
42+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-1" /></div>
43+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-2" /></div>
44+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-3" /></div>
45+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-4" /></div>
46+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-5" /></div>
47+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-6" /></div>
48+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-7" /></div>
49+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="kick-8" /></div>
4950
</div>
5051
<div class="col-sm-12">
5152
<button type="button" class="btn btn-default drum-btn col-md-4" onclick="play('snare')">Snare</button>
52-
<input type="checkbox" class="col-sm-1" id="snare-1" />
53-
<input type="checkbox" class="col-sm-1" id="snare-2" />
54-
<input type="checkbox" class="col-sm-1" id="snare-3" />
55-
<input type="checkbox" class="col-sm-1" id="snare-4" />
56-
<input type="checkbox" class="col-sm-1" id="snare-5" />
57-
<input type="checkbox" class="col-sm-1" id="snare-6" />
58-
<input type="checkbox" class="col-sm-1" id="snare-7" />
59-
<input type="checkbox" class="col-sm-1" id="snare-8" />
53+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-1" /></div>
54+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-2" /></div>
55+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-3" /></div>
56+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-4" /></div>
57+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-5" /></div>
58+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-6" /></div>
59+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-7" /></div>
60+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="snare-8" /></div>
6061
</div>
6162
<div class="col-sm-12">
6263
<button type="button" class="btn btn-default drum-btn col-md-4" onclick="play('clap')">Clap</button>
63-
<input type="checkbox" class="col-sm-1" id="clap-1" />
64-
<input type="checkbox" class="col-sm-1" id="clap-2" />
65-
<input type="checkbox" class="col-sm-1" id="clap-3" />
66-
<input type="checkbox" class="col-sm-1" id="clap-4" />
67-
<input type="checkbox" class="col-sm-1" id="clap-5" />
68-
<input type="checkbox" class="col-sm-1" id="clap-6" />
69-
<input type="checkbox" class="col-sm-1" id="clap-7" />
70-
<input type="checkbox" class="col-sm-1" id="clap-8" />
64+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-1" /></div>
65+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-2" /></div>
66+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-3" /></div>
67+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-4" /></div>
68+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-5" /></div>
69+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-6" /></div>
70+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-7" /></div>
71+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="clap-8" /></div>
7172
</div>
7273
<div class="col-sm-12">
7374
<button type="button" class="btn btn-default drum-btn col-md-4" onclick="play('hihat')">Hihat</button>
74-
<input type="checkbox" class="col-sm-1" id="hihat-1" />
75-
<input type="checkbox" class="col-sm-1" id="hihat-2" />
76-
<input type="checkbox" class="col-sm-1" id="hihat-3" />
77-
<input type="checkbox" class="col-sm-1" id="hihat-4" />
78-
<input type="checkbox" class="col-sm-1" id="hihat-5" />
79-
<input type="checkbox" class="col-sm-1" id="hihat-6" />
80-
<input type="checkbox" class="col-sm-1" id="hihat-7" />
81-
<input type="checkbox" class="col-sm-1" id="hihat-8" />
75+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-1" /></div>
76+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-2" /></div>
77+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-3" /></div>
78+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-4" /></div>
79+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-5" /></div>
80+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-6" /></div>
81+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-7" /></div>
82+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="hihat-8" /></div>
8283
</div>
8384
<div class="col-sm-12">
8485
<button type="button" class="btn btn-default drum-btn col-md-4" onclick="play('crash')">Crash</button>
85-
<input type="checkbox" class="col-sm-1" id="crash-1" />
86-
<input type="checkbox" class="col-sm-1" id="crash-2" />
87-
<input type="checkbox" class="col-sm-1" id="crash-3" />
88-
<input type="checkbox" class="col-sm-1" id="crash-4" />
89-
<input type="checkbox" class="col-sm-1" id="crash-5" />
90-
<input type="checkbox" class="col-sm-1" id="crash-6" />
91-
<input type="checkbox" class="col-sm-1" id="crash-7" />
92-
<input type="checkbox" class="col-sm-1" id="crash-8" />
86+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-1" /></div>
87+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-2" /></div>
88+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-3" /></div>
89+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-4" /></div>
90+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-5" /></div>
91+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-6" /></div>
92+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-7" /></div>
93+
<div class="col-sm-1"><input type="checkbox" class="torsk-checked" id="crash-8" /></div>
9394
</div>
9495

9596
</div>

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
<body>
1717
<div class="container">
1818

19-
<div class="jumbotron">
19+
<div>
2020
<h1>Torsk-Synth! Play for Lofoten :)</h1>
2121
</div>
2222

‎sequence.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="container">
1818

1919
<div class="jumbotron">
20-
<h1>Torsk-Synth! Play for Lofoten :)</h1>
20+
<h1>Torsk-Sequence! Play for Lofoten :)</h1>
2121
</div>
2222

2323
<div class="row marketing">

‎torsk.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,3 +15,9 @@
1515
-moz-border-radius: 8px;
1616
border-radius: 8px;
1717
}
18+
19+
.torsk-checked {
20+
line-height: 150px;
21+
width: 70px;
22+
height: 70px;
23+
}

0 commit comments

Comments
 (0)