EasyMusicNotes/index.html at master · eugen-eugen/EasyMusicNotes · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/layout.css">
        <link rel="stylesheet" type="text/css" href="css/score-display.css">
        <script src="js/action_cards.js"></script>
        <script src="js/score-display.js"></script>
        <link rel="icon" href="<%= BASE_URL %>favicon.ico">
        <link rel="manifest" href="./manifest.json">
        <link rel="apple-touch-icon" href="./icons/logo128.png" sizes="57x57">
            <title>Easy Musicnotes</title>
    </head>
    <body>
        <div id="score-panel" class="display">
            <div id="digit_1" class="digit7">
                <div class="above above_1">
                </div>
                <div class="under under_1">
                </div>
            </div>
            <div id="digit_2" class="digit7">
                <div class="above above_2">
                </div>
                <div class="under under_2">
                </div>
            </div>
            <div id="digit_2" class="digit7">
                <div class="above above_0">
                </div>
                <div class="under under_0">
                </div>
            </div>
        </div>
        <div id="desk">
            <div class="text" onclick="handclick6()">Schlüssel</div>
            <div class="text" onclick="handclick1()">Note 1</div>
            <div class="text" onclick="handclick2()">Note 2</div>
            <div class="text" onclick="handclick3()">Note 3</div>
            <div class="text" onclick="handclick4()">Note 4</div>
            <div class="text" onclick="handclick5()">Note 5</div>
            <div class="text" onclick="handclick7()">Note 6</div>
            <div id="card_stack_new" class="cards" onClick="Drawcards();">
                <img id="notekey" src="images/Violin.png" height="91%">
            </div>
            <div id="card0" class="cards note marked">
                <img id="card0img" src="cards/C1.png" height="91%">
            </div>
            <div id="card1" class="cards note">
                <img id="card1img"src="cards/D1.png" height="91%">
            </div>
            <div id="card2" class="cards note">
                <img id="card2img"src="cards/E1.png" height="91%">
            </div>
            <div id="card3" class="cards note">
                <img id="card3img"src="cards/F1.png" height="91%">
            </div>
            <div id="card4" class="cards note">
                <img id="card4img"src="cards/G1.png" height="91%">
            </div>
            <div id="card5" class="cards note">
                <img id="card5img"src="cards/A1.png" height="91%">
            </div>

        </div>
        <div id="noteletter">
            <div class="text" onclick="notePressed(event)">A1</div>
            <div class="text" onclick="notePressed(event)">E1</div>
            <div class="text" onclick="notePressed(event)">F1</div>
            <div class="text" onclick="notePressed(event)">D1</div>
            <div class="text" onclick="notePressed(event)">H1</div>
            <div class="text" onclick="notePressed(event)">C1</div>
            <div class="text" onclick="notePressed(event)">G1</div>
            <div class="text" onclick="notePressed(event)">Ais</div>
            <div class="text" onclick="notePressed(event)">E1</div>
            <div class="text" onclick="notePressed(event)">Fis</div>
            <div class="text" onclick="notePressed(event)">Dis</div>
            <div class="text" onclick="notePressed(event)">Ais</div>
            <div class="text" onclick="notePressed(event)">Cis</div>
            <div class="text" onclick="notePressed(event)">Gis</div>
            <div class="text" onclick="notePressed(event)">A1</div>
            <div class="text" onclick="notePressed(event)">E1</div>
            <div class="text" onclick="notePressed(event)">F1</div>
            <div class="text" onclick="notePressed(event)">D1</div>
            <div class="text" onclick="notePressed(event)">H1</div>
            <div class="text" onclick="notePressed(event)">Des</div>
            <div class="text" onclick="notePressed(event)">Es</div>
            <div class="text" onclick="notePressed(event)">A1</div>
            <div class="text" onclick="notePressed(event)">Ges</div>
            <div class="text" onclick="notePressed(event)">As</div>
            <div class="text" onclick="notePressed(event)">b1</div>
            <div class="text" onclick="notePressed(event)">H1</div>
            <div class="text" onclick="notePressed(event)">C1</div>
            <div class="text" onclick="notePressed(event)">G1</div>
        </div>
    </body>
</html>