Update homepage.html

weizhi-lin · web-flow · commit 515705a129b6 · 2024-10-28T00:04:15.000-07:00
diff --git a/_layouts/homepage.html b/_layouts/homepage.html
@@ -51,31 +51,45 @@
       };
     </script>
 
+
+  <script>
+    function myFunction() {
+      var x = document.getElementById("myLinks");
+      // Toggle the display between block and none
+      if (x.style.display === "block") {
+        x.style.display = "none";
+      } else {
+        x.style.display = "block";
+      }
+    }
+  
+    // Optional: Remove reverseLinks function if not needed
+    function reverseLinks() {
+      var container = document.getElementById("myLinks");
+      var links = Array.from(container.getElementsByTagName('a'));
+      container.innerHTML = '';
+      // Appending links in reverse order (if necessary)
+      for (var i = links.length - 1; i >= 0; i--) {
+        container.appendChild(links[i]);
+      }
+    }
+  </script>
   </head>
 
   <body>
 
     <!-- Navigation Bar -->
-    <div class="topnav" id="myTopnav">
-      <a href="javascript:void(0);" class="icon" onclick="toggleNav()">
-        <i class="fa fa-bars"></i>
-      </a>
+    <div class="topnav">
+
       <div id="myLinks">
-        {% include navigation.md %}
+      {% include navigation.md %}
       </div>
-    </div>
 
-    <script>
-    function toggleNav() {
-        var x = document.getElementById("myLinks");
-        if (x.style.display === "block") {
-          x.style.display = "none";
-        } else {
-          x.style.display = "block";
-        }
-      }
-    </script>
-    
+      <a href="javascript:void(0);" class="icon" onclick="myFunction();reverseLinks()">
+        <i class="fa fa-bars"></i>
+      </a>
+      
+    </div>
 
     <!-- Main Content -->
     <div class="wrapper">
