Technigo · simfrisk · Mar 24, 2025 · Mar 25, 2025 · Mar 25, 2025 · Mar 25, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/about.html b/about.html
@@ -1,10 +1,84 @@
 <!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>About</title>
-    <link rel="stylesheet" href="css/styles.css" />
-  </head>
-  <body></body>
-</html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta
+    name="viewport"
+    content="width=device-width, initial-scale=1.0"
+  />
+  <title>About</title>
+  <link
+    rel="stylesheet"
+    href="css/styles.css"
+  />
+  <!-- font awesome icons -->
+  <script
+    src="https://kit.fontawesome.com/beb1bc6f21.js"
+    crossorigin="anonymous"
+  ></script>
+  <script
+    src="./dist/main.js"
+    defer
+  ></script>
+  <script
+    src="./js/temp-script.js"
+    defer
+  ></script>
+</head>
+
+<body>
+  <a
+    href="#main-content"
+    class="skip-link"
+  >Skip to main content</a>
+
+  <header>
+    <div
+      id="menu-icon"
+      class="fas fa-bars"
+    ></div>
+    <nav
+      role="navigation"
+      aria-label="Main Menu"
+      id="nav-links"
+    >
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="about.html">About</a></li>
+      </ul>
+    </nav>
+  </header>
+
+
+  <main id="main-content">
+    <section
+      id="start-page"
+      class=""
+    >
+      <div
+        class="speech-bubble"
+        id="question-container"
+      >
+        <h1 class="title-text">About us</h1>
+      </div>
+      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus molestiae aliquam a eveniet est, voluptate
+        aliquid nesciunt non eaque, expedita deleniti, dignissimos adipisci illo quibusdam voluptas ad earum aut
+        sapiente!</p>
+    </section>
+
+  </main>
+  <footer role="contentinfo">
+    <nav
+      role="navigation"
+      aria-label="Footer menu"
+    >
+      <p>Project by: Simon & Sofie <a href="https://github.com/simfrisk/accessibility-sofie-simon"><i
+            class="fa-brands fa-github"
+          ></i></a></p>
+    </nav>
+  </footer>
+
+</body>
+
+</html>
diff --git a/css/color-palette.css b/css/color-palette.css
@@ -0,0 +1,52 @@
+:root {
+  --primary: #fdeb3f;
+  --primary-hover: ;
+  --primary-fixed: ;
+
+  --secondary: ;
+  --secondary-hover: ;
+  --secondary-fixed: ;
+
+  --complementary: ;
+  --complementary-hover: ;
+  --complementary-fixed: ;
+
+  --aditional: ;
+  --aditional-hover: ;
+  --aditional-fixed: ;
+
+  --font-primary: ;
+  --font-primary-hover: ;
+  --font-primary-fixed: ;
+
+  --font-secondary: ;
+  --font-secondary-hover: ;
+  --font-secondary-fixed: ;
+}
+
+.dark-mode {
+  --primary: #6c2727;
+  --primary-hover: ;
+  --primary-fixed: ;
+
+  --secondary: ;
+  --secondary-hover: ;
+  --secondary-fixed: ;
+
+  --complementary: ;
+  --complementary-hover: ;
+  --complementary-fixed: ;
+
+  --aditional: ;
+  --aditional-hover: ;
+  --aditional-fixed: ;
+
+  --font-primary: ;
+  --font-primary-hover: ;
+  --font-primary-fixed: ;
+
+  --font-secondary: ;
+  --font-secondary-hover: ;
+  --font-secondary-fixed: ;
+
+}