000-794: stats not working

Author: PowershellScripts

_includes/header.html

@@ -10,42 +10,25 @@
                 <span aria-hidden="true"></span>
             </a>
         </div>
-        <div class="navbar-menu" id="navMenu">
+        <div class="navbar-menu" id="navMenu" :class="{ 'is-active': openNav }">
             <div class="navbar-start">
                 {% if site.data.navigation %}
                 {% for item in site.data.navigation %}
                     {% if item.dropdown %}
-                    <!-- First-level dropdown (open on click) -->
-                    <div class="navbar-item has-dropdown">
-                        <a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}" onclick="toggleDropdown(event)">
-                            {{ item.name }}
-                        </a>
+                    <div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
+                        <a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}">{{ item.name }}</a>
                         <div class="navbar-dropdown">
                             {% for subitem in item.dropdown %}
-                                {% if subitem.dropdown %}
-                                <!-- Second-level dropdown (hoverable) -->
-                                <div class="navbar-item has-dropdown is-hoverable">
-                                    <a href="{{ subitem.link | relative_url }}" class="navbar-link">{{ subitem.name }}</a>
-                                    <div class="navbar-dropdown">
-                                        {% for subsubitem in subitem.dropdown %}
-                                        <a href="{{ subsubitem.link | relative_url }}" class="navbar-item">{{ subsubitem.name }}</a>
-                                        {% endfor %}
-                                    </div>
-                                </div>
-                                {% else %}
-                                <a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
-                                {% endif %}
+                            <a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
                             {% endfor %}
                         </div>
                     </div>
                     {% else %}
-                    <!-- Non-dropdown first-level link -->
                     <a href="{{ item.link | relative_url }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
                     {% endif %}
                 {% endfor %}
                 {% endif %}
             </div>
-        
             <div class="navbar-end">
                 <a href=""><img src="../../../../flag.png"/></a>
                 <a class="navbar-item" href="#">
@@ -56,6 +39,4 @@
 
         </div>
     </div>
-</nav>
-
-    
+</nav>

_sass/_main.scss

@@ -17,81 +17,6 @@ $hero-darken: $dark !default;
 @import "showcase";
 @import "../node_modules/bulma-block-list/src/block-list.scss";
 
-
-/* Position third-level dropdown */
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown .navbar-dropdown {
-  display: none; /* Hide third-level dropdown by default */
-  position: absolute;
-  left: 100%; /* Position it to the right of the second-level item */
-  top: 0;
-  background-color: #ffffff; /* Match your dropdown background */
-  z-index: 1000;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for clarity */
-}
-
-/* Show third-level dropdown on hover */
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown:hover .navbar-dropdown {
-  display: block;
-}
-
-/* Ensure the second-level menu doesn't get disrupted */
-.navbar-item.has-dropdown .navbar-dropdown {
-  position: absolute;
-  background-color: #ffffff;
-  z-index: 1000;
-  top: 100%;
-  left: 0;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-}
-
-/* Prevent navbar height from expanding */
-.navbar-menu {
-  overflow: visible;
-  position: relative;
-  height: auto;
-}
-
-
-
-/* Ensure second-level items with dropdowns have consistent styling */
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link {
-  background-color: transparent; /* Remove black highlight */
-  color: #000000; /* Set text to black */
-}
-
-/* Add hover effect for better interaction */
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link:hover {
-  background-color: #f5f5f5; /* Light gray on hover */
-  color: #000000; /* Keep text black */
-}
-
-/* Optional: Ensure dropdown borders match overall style */
-.navbar-dropdown {
-  border: 1px solid #e5e5e5; /* Add a subtle border */
-  border-radius: 4px; /* Optional: Rounds corners */
-}
-
-
-/* Full line hover effect for second-level items with dropdowns */
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link {
-  display: flex; /* Make the entire line interactive */
-  align-items: center; /* Align text and arrow */
-  justify-content: space-between; /* Space between text and arrow */
-  padding: 0rem 1rem; /* Same padding as other items */
-  background-color: transparent; /* Default background */
-  color: #000000; /* Black text by default */
-}
-
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link:hover {
-  background-color: #f5f5f5; /* Light grey background for the entire line */
-  color: #000000; /* Keep text black */
-}
-
-
-/* Fix text indentation to match other second-level items */
-.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link {
-  text-indent: 0; /* Remove indentation */
-  padding-left: 0rem; /* Align padding with other items */
-  padding-right: 2rem
-}
-
+.gh-sponsor {
+  color: #ea4aaa;
+}