Stack nav into three rows: Apps, libs, boards.

Each group gets its own centered line so the header reads top-to-bottom as Apps, Scientific libs, then Boards.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: hugomeiland

_includes/header.html

@@ -4,37 +4,20 @@ <h2 class="project-tagline">{{ site.description | default: "RISC-V learnings and
 
     <nav class="site-nav" aria-label="Main navigation">
         <div class="site-nav-groups">
-            <ul class="site-nav-list">
-                {% for item in site.navigation %}
-                <li class="site-nav-item">
-                    <a
-                        href="{% if item.external %}{{ item.url }}{% else %}{{ item.url | relative_url }}{% endif %}"
-                        class="site-nav-link{% if item.external %} site-nav-link--external{% endif %}{% if page.url == item.url %} is-active{% endif %}"
-                        {% if item.external %}target="_blank" rel="noopener noreferrer"{% endif %}
-                    >
-                        {{ item.title }}
-                    </a>
-                </li>
-                {% endfor %}
-            </ul>
-
-            <div class="site-nav-group">
-                <span class="site-nav-label">Boards</span>
+            <div class="site-nav-row">
                 <ul class="site-nav-list">
-                    {% for item in site.navigation_boards %}
+                    {% for item in site.navigation %}
                     <li class="site-nav-item">
                         <a
-                            href="{{ item.url | relative_url }}"
-                            class="site-nav-link{% if page.url == item.url %} is-active{% endif %}"
+                            href="{% if item.external %}{{ item.url }}{% else %}{{ item.url | relative_url }}{% endif %}"
+                            class="site-nav-link{% if item.external %} site-nav-link--external{% endif %}{% if page.url == item.url %} is-active{% endif %}"
+                            {% if item.external %}target="_blank" rel="noopener noreferrer"{% endif %}
                         >
                             {{ item.title }}
                         </a>
                     </li>
                     {% endfor %}
                 </ul>
-            </div>
-
-            <div class="site-nav-group">
                 <span class="site-nav-label">Apps</span>
                 <ul class="site-nav-list">
                     {% for item in site.navigation_apps %}
@@ -50,7 +33,7 @@ <h2 class="project-tagline">{{ site.description | default: "RISC-V learnings and
                 </ul>
             </div>
 
-            <div class="site-nav-group">
+            <div class="site-nav-row">
                 <span class="site-nav-label">Scientific libs</span>
                 <ul class="site-nav-list">
                     {% for item in site.navigation_scientific_libs %}
@@ -65,6 +48,22 @@ <h2 class="project-tagline">{{ site.description | default: "RISC-V learnings and
                     {% endfor %}
                 </ul>
             </div>
+
+            <div class="site-nav-row">
+                <span class="site-nav-label">Boards</span>
+                <ul class="site-nav-list">
+                    {% for item in site.navigation_boards %}
+                    <li class="site-nav-item">
+                        <a
+                            href="{{ item.url | relative_url }}"
+                            class="site-nav-link{% if page.url == item.url %} is-active{% endif %}"
+                        >
+                            {{ item.title }}
+                        </a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
         </div>
     </nav>
 </header>

assets/css/style.scss

@@ -9,13 +9,12 @@
 
 .site-nav-groups {
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  flex-direction: column;
   align-items: center;
-  gap: 1rem 1.5rem;
+  gap: 0.65rem;
 }
 
-.site-nav-group {
+.site-nav-row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;

website.md

@@ -44,6 +44,7 @@ Nav config: `_config.yml` (`navigation`, `navigation_boards`, `navigation_apps`,
 
 | Date | Decision |
 |------|----------|
+| 2026-07-14 | Nav layout: 3 stacked rows — Apps (top), Scientific libs (middle), Boards (bottom) |
 | 2026-07-14 | Add Quantum ESPRESSO app page from `opensolvers/benchmarks/qe` |
 | 2026-07-14 | IME (X60 `smt.vmadot`) section on RV2 and BPI-F3 board pages |
 | 2026-07-14 | Add dedicated DGEMM and NumPy scientific-lib pages from benchmarks repo |