diff options
Diffstat (limited to 'src/display.html')
| -rw-r--r-- | src/display.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/src/display.html b/src/display.html new file mode 100644 index 0000000..64df6b7 --- /dev/null +++ b/src/display.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html> + <head> + <title>Clicks Display</title> + <style type="text/css"> + html, + body { + height: 100%; + margin: 0; + } + + #container { + display: flex; + flex-flow: column; + height: 100%; + } + + #banner { + flex: 0 1 auto; + border-bottom: 1px solid black; + padding: 0.3em; + } + + #status { + margin: 1em; + } + + #frame_container { + flex: 1 1 auto; + } + + #frame { + width: 100%; + height: 100%; + border: 0px; + } + + #heatmap { + position: relative; + top: -100%; + left: 0px; + width: 100%; + height: 100%; + pointer-events: none; + } + </style> + <script type="text/javascript" src="../build/clicks_display.min.js"></script> + </head> + <body> + <div id="container"> + <div id="banner"> + <span id="status">No file loaded</span> + <input type="file" name="file" id="file" accept=".json, application/json"> + </div> + <div id="frame_container"> + <iframe id="frame"></iframe> + <div id="heatmap"></div> + </div> + </div> + </body> +</html> |