diff options
| author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2021-02-06 14:10:00 +0100 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2021-02-06 14:10:00 +0100 |
| commit | b07c2d6792174c9132679671ea7dae77c87349d9 (patch) | |
| tree | 06c534166d24f3c426a7dff9aa1cbce2e1cfd639 /src/index.html | |
| parent | 34a24733ef7159105ab162f870b96e9649bc5c34 (diff) | |
| download | hoverbit-ble-b07c2d6792174c9132679671ea7dae77c87349d9.tar.gz hoverbit-ble-b07c2d6792174c9132679671ea7dae77c87349d9.zip | |
Use parcel, add features
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..fb23d7e --- /dev/null +++ b/src/index.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="viewport-fit=cover,width=device-width, initial-scale=1, shrink-to-fit=no,initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> + <meta name="HandheldFriendly" content="true" /> + + <title>HOVER:BIT Controller</title> + <link rel="canonical" rel="https://jakobst1n.github.io/hoverbit-ble/"> + + <link rel="stylesheet" type="text/css" href="./scss/styles.scss"> + <link rel="manifest" href="manifest.webmanifest" crossorigin="use-credentials"> + + <link rel="preconnect" href="https://fonts.gstatic.com"> + <link href="https://fonts.googleapis.com/css2?family=Kufam&display=swap" rel="stylesheet"> + </head> + <body class=""> + <!-- <h1>HOVER:BIT Controller</h1> --> + + <div class="landscape-warning"> + <div class="landscape-warning-content"> + <i class="fas fa-sync-alt"></i> + <h1>Please use landscape mode</h1> + <button id="btn_ignore_landscape_warning">Ignore</button> + </div> + </div> + + <div class="top-buttons"> + </div> + + <button class="button-center button-center-top" id="btn_connect">CONNECT</button> + <button class="button-center button-center-top" id="btn_disconnect">DISCONNECT</button> + + <div class="acc-string"><pre>T: 0, R: 0</pre></div> + + <button class="button-center button-center-bottom" id="btn_arm">ARM</button> + <button class="button-center button-center-bottom" id="btn_disarm">DISARM</button> + + <div class="joystick joystick-left"></div> + <div class="joystick joystick-right"></div> + + <div class="statusline"> + <span class="statusline-item connection"> + <i class="fab fa-bluetooth-b"></i> + </span> + <span class="statusline-item arm"> + <i class="fas fa-exclamation-triangle"></i> + </span> + <span class="notification-area"></span> + <span class="statusline-item ping"> + <i class="fas fa-broadcast-tower"></i> + </span> + <span class="statusline-item battery"> + <i class="fas fa-car-battery"></i> + <span class="battery-status">0%</span> + </span> + </div> + + <script type="text/javascript" src="./js/main.js"></script> + </body> +</html> |