Started main page ui

frontend/index.css

@@ -1,3 +1,8 @@
 .loginSpacer {
     height: 33%;
 }
+
+#menu {
+    width: 100%;
+    padding: 5%;
+}

frontend/index.html

@@ -25,7 +25,16 @@
       <div class="fourth two-fifth-1000"></div>
     </div>
     <div id="mainPage" style="display: none;">
-      <p>Main Page</p>
+      <div id="content">
+        <div id="tasks"></div>
+        <div id="history"></div>
+        <div id="addTask"></div>
+      </div>
+      <div id="menu" class="flex three">
+        <button class="third">Tasks</button>
+        <button class="third">History</button>
+        <button class="third">Add Task</button>
+      </div>
     </div>
   </body>
 </html>

frontend/index.js

@@ -16,7 +16,7 @@ async function login() {
     });
     // if failed red button
     // else switch screen
-    if (response.status != 200) {
+    if (response.status !== 200) {
         document.getElementById("loginSubmit").classList.add("error");
     } else {
         // switch screen