-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotograph.html
50 lines (49 loc) · 5.7 KB
/
photograph.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
<html>
<head>
<link rel="stylesheet" href="css/style.css">
<title>GuitarBud - Photograph</title>
</head>
<body>
<a href="#"><div id="title-bar">
<strong>Photograph</strong> <small> • Ed Sheeran </small>
</div></a>
<div id="guitar-canvas">
<canvas id="back-canvas"></canvas></canvas>
<canvas id="front-canvas"></canvas></canvas>
</div>
<div id="playback-control">
<div id="left-control">
<a href="#" class="slower"><div class="control-btn">slower</div></a><a href="#"><div class="control-btn speed-marker">100%</div></a><a href="#" class="faster"><div class="control-btn">faster</div></a>
</div>
<div id="right-control">
<a href="#" id="loop"><div class="control-btn">loop</div></a><a href="#"><div class="control-btn">zoom</div></a>
</div>
<div id="mid-control">
<a href="#" class="pause"><div class="control-btn pause-set"><strong>pause</strong></div></a>
<a href="#" class="-step"><div class="control-btn play-set" id="prev-step">-step</div></a><a href="#" class="play"><div class="control-btn play-set"><strong>play</strong></div></a><a href="#" class="+step"><div class="control-btn play-set" id="next-step">+step</div></a>
</div>
</div>
<div id="info">
</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/soundjs.min.js"></script>
<script type="text/javascript" src="js/script_draw.js"></script>
<script type="text/javascript" src="js/instructions.js"></script>
<script type="text/javascript" src="js/script2.js"></script>
<script>
drawGuitarPic(4);
playTab2(6,
"1*-----1y--1y------------1y--1y------------1y--1y-----------1y--1y-----------1y--1y------------1y--1y------------1y--1y------------------------------------------------------------------------------------------------------------------------------------------------------------------------1y-----------------------------1y--------------2v--------------1y------------------------------1y--------------2v---------------#"+
"1*-------*-----------------*-----------------*----------------*----------------*-----------------*-----------------*------------------------------1y--------------1y--------------2v--------------1u|z------------1y--------------1y--------------2v--------------1u|z----------------------------------------1u|z------------------------------------------------------------1u|z---------------------------------------------#"+
"2*---------------2w----*-----------2w----*-----------2w----*----------2w----*----------2w----*-----------2w----*-----------2w----*----------------2w--------------2w--------------3u--------------2x--------------2w--------------2w--------------3u--------------2x---------------------------2w-------------2x--------------2w--------------3u--------------2w--------------2x--------------2w--------------3u---------------#"+
"3*--3v-----------3w-*--3v----------3w-*--------------3w-*-------------3w-*-3u----------3w-*--3u----------3w-*--------------3w-*-------------------3v--------------2x--------------3y--------------3v--------------3v--------------2x--------------3y--------------3v---------------------------2x-------------3v--------------3v--------------3y--------------2x--------------3v--------------3v--------------3y---------------#"+
"4*------------------------------------------------------------------------------------------------------------------------------------------------*---------------*---------------3z--------------3w--------------*---------------*---------------3z--------------3w---------------------------*--------------3w--------------*---------------3z--------------*---------------3w--------------*---------------3z---------------#"+
"T*-------------------------------------------------------------------------------------------------------------1u----------------1u---------------*---------------*---------------*---------------*---------------*---------------*---------------*---------------*----------------------------*--------------*---------------*---------------*---------------*---------------*---------------*---------------*----------------#"+
"S*--v--y-y-y--x--w--w--v-y-y-y--x--w--w--v-y-y-y--x--w--w-v-y-y-y--x--w--w-u-y-y-y--x--w--w--u-y-y-y--x--w--w--u-y-y-y--x--w--w--u----------------v>z-----v>z-v>z-v>z-----v>z-v>z-u>z-----u>z-u>z-u>z-----u>z-u>z-v>z-----v>z-v>z-v>z-----v>z-v>z-u>z-----u>z-u>z-u>z-----u>z-u>z--------------v>z--z>v-z>v-z>v---u>z---z>u-z>u---v>z---z>v-z>v---u>z---z>u-z>u---v>z---z>v-z>v---u>z---z>u-z>u---v>z---z>v-z>v---u>z---z>u-z>u#"+
"S*--------------------------------------------------------------------------------------------------------------------------------------------------------------z>v-------------z>v-------------z>u-------------z>u-------------z>v-------------z>v-------------z>u-------------z>u---------------v>z-----v>z-u>z---z>u---u>z-v>z---z>v---v>z-u>z---z>u---u>z-v>z---z>v---v>z-u>z---z>u---u>z-v>z---z>v---v>z-u>z---z>u---u>z--#"+
"l-----------------------------------------------------------------------------------------------------------------------------------------Loving can -------------hurt sometimes/But it's the ----/When it gets -------------------hard sometimes/It is the -------alive------------ ----------------------------------------------------------------------------------------------------------------------------------------#"+
"l-------------------------------------------------------------------------------------------------------------------------------------------------hurt, loving can ---------------only thing that I know----------hard, you know it can get ------only thing that makes us feel -----------------------------------------------------------------------------------------------------------------------------------------------#"
);
</script>
</html>