Add Architecture & Vocabularies and Research & Resources to top navbar (#103)

Expands navbar from 4 to 6 items with dropdown menus matching Hana's
wireframe. Each dropdown mirrors the sidebar structure:
- How to Use: Overview, Deep-Dive, Globe, Search Explorer, Narrow vs Wide
- About: Objectives, PIs, Photo Gallery, Background & History
- Architecture & Vocabularies: Overview, Requirements, Metadata Model, Vocabularies
- Research & Resources: Publications, Zenodo, Github

Also adds navbar tests for the two new items.

Closes #102

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: rdhyee

_quarto.yml

@@ -12,10 +12,46 @@ website:
         text: Home
       - href: tutorials/progressive_globe.qmd
         text: Interactive Explorer
-      - href: how-to-use.qmd
-        text: How to Use
-      - href: about.qmd
-        text: About
+      - text: How to Use
+        menu:
+          - text: Overview
+            href: how-to-use.qmd
+          - text: Deep-Dive Analysis
+            href: tutorials/zenodo_isamples_analysis.qmd
+          - text: 3D Globe Visualization
+            href: tutorials/parquet_cesium_isamples_wide.qmd
+          - text: Search Explorer
+            href: tutorials/isamples_explorer.qmd
+          - text: "Technical: Narrow vs Wide"
+            href: tutorials/narrow_vs_wide_performance.qmd
+      - text: About
+        menu:
+          - text: Objectives
+            href: about.qmd
+          - text: PIs and Contributors
+            href: "about.qmd#team"
+          - text: Photo Gallery
+            href: "about.qmd#photo-gallery"
+          - text: "Background & History"
+            href: "about.qmd#background-history"
+      - text: "Architecture & Vocabularies"
+        menu:
+          - text: Overview
+            href: design/index.qmd
+          - text: Requirements
+            href: design/requirements.md
+          - text: Metadata Model
+            href: "https://isamplesorg.github.io/metadata/"
+          - text: Vocabularies
+            href: models/index.qmd
+      - text: "Research & Resources"
+        menu:
+          - text: "Publications & Conferences"
+            href: pubs.qmd
+          - text: Zenodo Community
+            href: "pubs.qmd#zenodo-community"
+          - text: Github Repositories
+            href: "pubs.qmd#github-repositories"
     right:
       - icon: github
         href: https://github.com/isamplesorg

tests/test_navigation.py

@@ -114,7 +114,7 @@ def test_has_github_repositories(self, page):
 
 
 class TestNavbar:
-    """Top navbar should have the 4 main items."""
+    """Top navbar should have all 6 main items matching wireframe."""
 
     def test_navbar_has_home(self, page):
         page.goto(SITE_URL, wait_until="domcontentloaded")
@@ -135,3 +135,13 @@ def test_navbar_has_about(self, page):
         page.goto(SITE_URL, wait_until="domcontentloaded")
         navbar = page.locator(".navbar")
         assert navbar.get_by_text("About", exact=True).count() > 0
+
+    def test_navbar_has_architecture_and_vocabularies(self, page):
+        page.goto(SITE_URL, wait_until="domcontentloaded")
+        navbar = page.locator(".navbar")
+        assert navbar.get_by_text("Architecture").count() > 0
+
+    def test_navbar_has_research_and_resources(self, page):
+        page.goto(SITE_URL, wait_until="domcontentloaded")
+        navbar = page.locator(".navbar")
+        assert navbar.get_by_text("Research").count() > 0