diff options
| author | Justin Worthe <justin@worthe-it.co.za> | 2017-11-05 11:05:22 +0200 |
|---|---|---|
| committer | Justin Worthe <justin@worthe-it.co.za> | 2017-11-05 11:05:22 +0200 |
| commit | dc5081b6a44b576f530955050dd59d6b1bba331f (patch) | |
| tree | 61829f8aceaec015ff0e8b7f9a3f5f972dbdc942 /web/index.html | |
| parent | 1e37661ea154815fe4e0fa421d5be33d29e0a36d (diff) | |
Set up web interface to mimic GTK interface
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/web/index.html b/web/index.html index 7f18a7c..05857a0 100644 --- a/web/index.html +++ b/web/index.html @@ -2,12 +2,22 @@ <head> <script src="main.js"></script> <script src="rusty_microphone.js"></script> + <link rel="stylesheet" href="style.css"> </head> <body> - <p>The current note being played is <span id="pitch-label"></span></p> - <p>It is <span id="pitch-error-direction"></span> by <span id="pitch-error"></span> cents</p> - <p>The current framerate is <span id="frame-rate"></span></p> + <div id="rusty-microphone"> + <p>The current note being played is <span id="pitch-label"></span></p> + <div id="pitch-indicator-bar-container"> + <div id="pitch-indicator-bar"></div> + </div> + <div id="pitch-indicator-colours"> + <div id="flat-indicator"></div> + <div id="sharp-indicator"></div> + </div> - <canvas id="oscilloscope" width="300" height="300" /> + <canvas id="oscilloscope" width="320" height="300" /> + + <p>The current framerate is <span id="frame-rate"></span>Hz</p> + </div> </body> </html> |