Added darkmode

about.html

@@ -7,7 +7,10 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-
+    <link
+      rel="stylesheet"
+      href="./darkmode.css"
+    />
     <!-- Bootstrap CSS -->
     <link
       rel="stylesheet"
@@ -19,9 +22,12 @@
     <title>About | Pfosten Dynamics</title>
     <link rel="icon" href="./img/favicon.png" />
   </head>
-  <body>
+  <body onload="load()" class="couldDark">
     <!--Begin Navbar-->
-    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <nav
+      class="navbar navbar-expand-lg navbar-light bg-light couldDark"
+      id="navbar"
+    >
       <div class="container">
         <a class="navbar-brand" href="./"
           ><img
@@ -30,6 +36,7 @@
             class="d-inline-block align-top"
             alt=""
             loading="lazy"
+            id="pfostendynamics"
         /></a>
         <button
           class="navbar-toggler"
@@ -94,6 +101,15 @@
               <a class="nav-link" href="./shop">Shop</a>
             </li>
           </ul>
+          <a class="nav-link" href="#" onclick="darkMode()"
+            ><img
+              id="darkModeImg"
+              class="img-fluid"
+              data-toggle="tooltip"
+              data-placement="top"
+              title="Toggle darkmode"
+              src=""
+          /></a>
         </div>
       </div>
     </nav>
@@ -325,5 +341,12 @@
         <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
         -->
+    <script src="./js/main.js"></script>
+
+    <script>
+      $(function () {
+        $('[data-toggle="tooltip"]').tooltip();
+      });
+    </script>
   </body>
 </html>