-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (33 loc) · 1.41 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>chords</title>
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="chords.js"></script>
</head>
<body class="flex-col root" style="overflow-y: hidden;">
<h1 class="leaf">chords</h1>
<form class="chords flex-row flex-grow" data-chords-input=".chords-input" style="overflow-y: hidden;">
<textarea class="chords-input leaf s6" style="resize: none;"></textarea>
<div class="flex-col s6" style="overflow-y: hidden;">
<div class="flex-row flex-wrap">
<select class="chords-dir leaf"></select>
<select class="chords-diatonic leaf"></select>
<select class="chords-primary leaf"></select>
<select class="chords-secondary leaf"></select>
<select class="chords-src leaf"></select>
<select class="chords-dst leaf"></select>
<button type="submit" class="chords-show leaf">show</button>
<button type="button" class="chords-hide leaf">hide</button>
<button type="button" class="chords-larger leaf">+</button>
<button type="button" class="chords-smaller leaf">−</button>
<button type="button" class="chords-copy leaf">copy</button>
<span class="chords-copied leaf">copied!</span>
</div>
<div class="chords-text leaf" style="font-family: monospace; overflow-y: auto;"></div>
</div>
</form>
</body>
</html>