/
index.html
57 lines (57 loc) · 2.31 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
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Cissy Strut /// The Funklet</title>
<link rel="stylesheet" href="/style/style.css"/>
</head>
<body>
<div id="funklet-bar">
<a href="/">The Funklet</a>
</div>
<div id="header" style="background-image:url(/images/zigaboo.jpg); background-position:50px -100px">
<div id="info">
<h1 id="name"><span>Zigaboo Modeliste</span></h1>
<div id="song">
<h2><span>Cissy Strut</span></h2>
<h3><span>The Meeters</span></h3>
<h3><span>1969</span></h3>
</div>
</div>
</div>
<div id="container">
<div id="diagram-container">
<div id="diagram">
<div id="decoration"></div>
<div id="stub-left" class="stub"></div>
<div id="stub-right" class="stub"></div>
</div>
<div id="controls">
<form id="bpm-form">
<button class="control" id="start">▶</button>
<button class="control" id="stop">◼</button>
<span>@</span><input id="bpm" type="text" value="100"/><span>BPM</span>
</form>
</div>
</div>
</div>
<div id="text">
<p>Fact: Zigaboo used two hands on the hat when recording “Cissy Strut.”</p>
<p>Among drummers, that factoid is becoming as ubiquitous as “White Christmas was written by a Jew!”</p>
<p>Still, when I first got the memo, everything got a little lighter.</p>
<p>It never crossed my mind Zig could be using two hands on the hat. Plus, he was breaking one of Gabriel Roth’s (Daptone Records) rules: Never use two hands on the hat unless you are actually in Ghana and it’s still 1970.</p>
<p>After I got remotely schooled by Stanton Moore’s book, the groove felt better.</p>
<p>That said, it’s still fun to play with one hand.</p>
<script>
var values = [
[0, 4, 3, 0, 4, 0, 3, 4, 0, 4, 3, 0, 4, 0, 4, 0, 0, 4, 3, 0, 4, 0, 3, 4, 0, 4, 3, 0, 4, 0, 4, 0],
[0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 4, 0, 4, 0, 0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 4, 0, 4, 0],
[4, 0, 0, 4, 0, 4, 0, 0, 3, 4, 0, 4, 0, 4, 0, 0, 4, 0, 0, 4, 0, 4, 0, 0, 3, 4, 0, 4, 0, 4, 0, 0]
];
</script>
</div>
<script src="/script/cabin.js"></script>
<script src="/script/functions.js"></script>
<script src="/script/funklet.js"></script>
</body>
</html>