music.game.siliconwat.dev/index.html at main · SiliconWat/music.game.siliconwat.dev · 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
<html>
    <head>
        <title>Music Games</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" href="loading.gif">
        <link rel="stylesheet" href="index.css">
        <script src="index.js" type="module"></script>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-NX7ZBWWHDN"></script>
    </head>
    <body is="sw-music">
		<header>
			<sw-nav>
				<h3 slot="menu1">Sight Reading</h3>
				<span slot="menu1-sub1">Sheet => Piano</span>
				<span slot="menu1-sub2">Circle of Fifths/Fourths</span>
				<span slot="menu1-sub3">Scales and Modes: Intervals</span>
				<h3 slot="menu2">Ear Training</h3>
				<span slot="menu2-sub1">Sound => Piano => Sheet: Always Relative</span>
				<span slot="menu2-sub2">Intervals</span>
				<span slot="menu2-sub3">Chords</span>
				<span slot="menu2-sub4">7ths</span>
				<h3 slot="menu3">Rhythm Training</h3>
				<span slot="menu3-sub1">Melody => Piano => Sheet</span>
				<span slot="menu3-sub2">Chord Progressions => Baseline</span>
				<span slot="menu3-sub3">Jazz Progressions => Baseline</span>
			</sw-nav>
			<sw-menubar>
				<sw-timer></sw-timer>
            	<sw-scoreboard></sw-scoreboard>
            	<sw-instrument></sw-instrument>
			</sw-menubar>
		</header>
		<main>
			<sw-editor></sw-editor>
		</main>
		<footer>
			<sw-piano clef="bass" audible></sw-piano>
		</footer>
	</body>
</html>