summaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
authorBrian Cully <bjc@spork.org>2025-03-08 08:05:18 -0500
committerBrian Cully <bjc@spork.org>2025-03-08 08:16:28 -0500
commitfdcdc1cbfaf277aa767678f3739bd55b4a285d49 (patch)
treeb4de2327e84cb636f3815a83c27af77664985269 /index.html
downloadchords-fdcdc1cbfaf277aa767678f3739bd55b4a285d49.tar.gz
chords-fdcdc1cbfaf277aa767678f3739bd55b4a285d49.zip
table-based string template
Diffstat (limited to 'index.html')
-rw-r--r--index.html69
1 files changed, 69 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..de5eecf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset='utf-8'>
+ <meta name='viewport' content='width=device-width, initial-scale=1'>
+ <title>chord explorer</title>
+ </head>
+
+ <body>
+ <table>
+ <thead>
+ <td>root</td>
+ <td>fret 1</td>
+ <td>fret 2</td>
+ <td>fret 3</td>
+ <td>fret 4</td>
+ <td>fret 5</td>
+ </thead>
+ <tr id='string1'>
+ <td>E</td>
+ <td><input type='checkbox' name='fret1'></td>
+ <td><input type='checkbox' name='fret2'></td>
+ <td><input type='checkbox' name='fret3'></td>
+ <td><input type='checkbox' name='fret4'></td>
+ <td><input type='checkbox' name='fret5'></td>
+ </tr>
+ <tr id='string2'>
+ <td>A</td>
+ <td><input type='checkbox' name='fret1'></td>
+ <td><input type='checkbox' name='fret2'></td>
+ <td><input type='checkbox' name='fret3'></td>
+ <td><input type='checkbox' name='fret4'></td>
+ <td><input type='checkbox' name='fret5'></td>
+ </tr>
+ <tr id='string3'>
+ <td>D</td>
+ <td><input type='checkbox' name='fret1'></td>
+ <td><input type='checkbox' name='fret2'></td>
+ <td><input type='checkbox' name='fret3'></td>
+ <td><input type='checkbox' name='fret4'></td>
+ <td><input type='checkbox' name='fret5'></td>
+ </tr>
+ <tr id='string4'>
+ <td>G</td>
+ <td><input type='checkbox' name='fret1'></td>
+ <td><input type='checkbox' name='fret2'></td>
+ <td><input type='checkbox' name='fret3'></td>
+ <td><input type='checkbox' name='fret4'></td>
+ <td><input type='checkbox' name='fret5'></td>
+ </tr>
+ <tr id='string5'>
+ <td>B</td>
+ <td><input type='checkbox' name='fret1'></td>
+ <td><input type='checkbox' name='fret2'></td>
+ <td><input type='checkbox' name='fret3'></td>
+ <td><input type='checkbox' name='fret4'></td>
+ <td><input type='checkbox' name='fret5'></td>
+ </tr>
+ <tr id='string6'>
+ <td>E</td>
+ <td><input type='checkbox' name='fret1'></td>
+ <td><input type='checkbox' name='fret2'></td>
+ <td><input type='checkbox' name='fret3'></td>
+ <td><input type='checkbox' name='fret4'></td>
+ <td><input type='checkbox' name='fret5'></td>
+ </tr>
+ </table>
+ </body>
+</html>