diff options
| author | Abdellah El Morabit <nsrddyn@gmail.com> | 2024-11-16 00:08:34 +0100 |
|---|---|---|
| committer | Abdellah El Morabit <nsrddyn@gmail.com> | 2024-11-16 00:08:34 +0100 |
| commit | 3714c08a1233884696e0f5483d73efa890e1a5a1 (patch) | |
| tree | ee14f6cba33139eec3864567807cdbecd8990aa9 /webconsole | |
| parent | 5588a6c6b4d944e0342d5bd3ea54c3dda6aec4d4 (diff) | |
working on the general app + updates to the read me file, also fixed the i2c display not working properly, still wanting to optimize it though for text overflow
Diffstat (limited to 'webconsole')
| -rw-r--r-- | webconsole/index.html | 17 | ||||
| -rw-r--r-- | webconsole/styles.css | 8 |
2 files changed, 23 insertions, 2 deletions
diff --git a/webconsole/index.html b/webconsole/index.html index 812011f..33b4ee9 100644 --- a/webconsole/index.html +++ b/webconsole/index.html | |||
| @@ -1,12 +1,25 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | |||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | <title>CONSOLE</title> | 7 | <title>CONSOLE</title> |
| 8 | <link rel="stylesheet" href="styles.css"> | ||
| 9 | <script src="main.js"></script> | ||
| 7 | </head> | 10 | </head> |
| 11 | |||
| 8 | <body> | 12 | <body> |
| 9 | 13 | ||
| 10 | 14 | <nav class="navigation"> | |
| 15 | <p>I2C MODES</p> | ||
| 16 | <button>STATS</button> | ||
| 17 | <button>AI</button> | ||
| 18 | <button>TOOLS</button> | ||
| 19 | <button>MORE</button> | ||
| 20 | </nav> | ||
| 21 | |||
| 22 | |||
| 11 | </body> | 23 | </body> |
| 24 | |||
| 12 | </html> \ No newline at end of file | 25 | </html> \ No newline at end of file |
diff --git a/webconsole/styles.css b/webconsole/styles.css new file mode 100644 index 0000000..a940b10 --- /dev/null +++ b/webconsole/styles.css | |||
| @@ -0,0 +1,8 @@ | |||
| 1 | body { | ||
| 2 | background-color: teal; | ||
| 3 | } | ||
| 4 | |||
| 5 | .navigation button { | ||
| 6 | background-color: none; | ||
| 7 | border: none; | ||
| 8 | } | ||