4 files changed, 78 insertions, 0 deletions
diff --git a/webGUI/index.html b/webGUI/index.html
new file mode 100644
index 0000000..eb12eca
--- /dev/null
+++ b/webGUI/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+     <meta charset="UTF-8">
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>CONSOLE</title>
+     <link rel="stylesheet" href="styles.css">
+     <script src="main.js"></script>
+</head>
+
+<body>
+
+     <nav class="navigation">
+          <p>I2C MODES</p>
+          <a href="" class="CPU_INFO">CPU Information</a>
+          <a href="" class="recources">Recources</a>
+          <a href="" class="speech_trans">Speech Transcriber</a>
+          <a href="" class="notes">Display a message</a>
+          <a href="" class="general">General Tools</a>
+
+     </nav>
+
+
+</body>
+
+<footer>
+
+</footer>
+
+</html>
+\ No newline at end of file
diff --git a/webGUI/main.mjs b/webGUI/main.mjs
new file mode 100644
index 0000000..c7464e5
--- /dev/null
+++ b/webGUI/main.mjs
@@ -0,0 +1 @@
+let modes = ["STATS", ""]
+\ No newline at end of file
diff --git a/webGUI/pages/stats.html b/webGUI/pages/stats.html
new file mode 100644
index 0000000..8fdbb74
--- /dev/null
+++ b/webGUI/pages/stats.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+     <meta charset="UTF-8">
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>STATS - CONSOLE</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/webGUI/styles.css b/webGUI/styles.css
new file mode 100644
index 0000000..eefc162
--- /dev/null
+++ b/webGUI/styles.css
@@ -0,0 +1,32 @@
+body {
+	background-color: rgba(0, 10, 30, 1);
+	text-decoration: none;
+	color: white;
+	font: sans-serif;
+}
+
+body button a {
+	border-radius: 10px;
+	text-decoration: none;
+}
+
+a {
+	text-decoration: none;
+	color: wheat;
+}
+
+.navigation {
+	max-width: fit-content;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.navigation a {
+	display: block;
+
+	background-color: rgba(0, 0, 0, 1);
+	border-radius: 10px;
+	border: none;
+	padding: 10px;
+	min-width: 100px;
+}