# =============================================================================
# HARDWARE KITS WEBSITE CONFIGURATION
# =============================================================================
# Standalone Quarto project for hardware labs and kits
# Part of the MLSysBook ecosystem: mlsysbook.ai/kits/
# =============================================================================

project:
  type: website
  output-dir: _build

website:
  title: "Hardware Kits"
  description: "Hands-on hardware labs and kits for machine learning systems education."
  site-url: https://mlsysbook.ai/kits/
  favicon: assets/images/favicon.png

  # Open Graph / Social Media metadata
  open-graph:
    locale: en_US
    site-name: "Machine Learning Systems"
    image: assets/images/covers/cover-hardcover-book.png
    image-width: 1200
    image-height: 630
  twitter-card:
    card-style: summary_large_image
    image: assets/images/covers/cover-hardcover-book.png

  page-navigation: true
  reader-mode: false
  back-to-top-navigation: true
  bread-crumbs: true

  search:
    keyboard-shortcut: ["/"]

  # Navbar matches Book exactly (same structure, same order)
  navbar:
    background: light
    logo: "assets/images/favicon.png"
    search: true
    pinned: true
    collapse: true
    collapse-below: "md"
    title: "Machine Learning Systems"
    left:
      - text: "Hardware Kits"
        menu:
          - icon: book-half
            text: "Full Textbook"
            href: ../book/
          - text: "---"
          - icon: journal
            text: "Volume I: Foundations"
            href: ../vol1/
          - icon: journal
            text: "Volume II: At Scale"
            href: ../vol2/
          - text: "---"
          - icon: fire
            text: "TinyTorch"
            href: ../tinytorch/
          - icon: cpu
            text: "Hardware Kits"
            href: ./
            aria-current: page
          - text: "---"
          - icon: lightbulb
            text: "Labs (Coming 2026)"
            href: ../labs/
    right:
      - icon: download
        text: "Downloads"
        menu:
          - icon: file-pdf
            text: "Hardware Kits PDF"
            href: assets/downloads/Hardware-Kits.pdf
            target: _blank
      - icon: star
        text: "Star"
        href: https://github.com/harvard-edge/cs249r_book#support-this-work
        target: _blank
      - icon: heart
        text: "Support"
        href: https://opencollective.com/mlsysbook
        target: _blank
      - icon: envelope
        text: "Subscribe"
        href: "#subscribe"
        id: "navbar-subscribe-btn"
      - icon: github
        text: "GitHub"
        menu:
          - icon: pencil
            text: "Edit this page"
            href: https://github.com/harvard-edge/cs249r_book
            target: _blank
          - icon: bug
            text: "Report an issue"
            href: https://github.com/harvard-edge/cs249r_book/issues/new
            target: _blank
          - icon: chat
            text: "Discussions"
            href: https://github.com/harvard-edge/cs249r_book/discussions
            target: _blank
          - icon: code
            text: "View source"
            href: https://github.com/harvard-edge/cs249r_book
            target: _blank

  sidebar:
    - id: main
      style: "floating"
      background: light
      collapse-level: 2
      contents:
        - text: "Overview"
          href: index.qmd
        - text: "Getting Started"
          href: contents/getting-started.qmd
        - text: "Platforms"
          href: contents/platforms.qmd
        - text: "IDE Setup"
          href: contents/ide-setup.qmd

        - text: "---"

        - section: "Arduino Nicla Vision"
          id: arduino
          contents:
            - href: contents/arduino/nicla_vision/nicla_vision.qmd
            - href: contents/arduino/nicla_vision/setup/setup.qmd
            - href: contents/arduino/nicla_vision/image_classification/image_classification.qmd
            - href: contents/arduino/nicla_vision/object_detection/object_detection.qmd
            - href: contents/arduino/nicla_vision/kws/kws.qmd
            - href: contents/arduino/nicla_vision/motion_classification/motion_classification.qmd

        - section: "Seeed XIAOML Kit"
          id: seeed-xiao
          contents:
            - href: contents/seeed/xiao_esp32s3/xiao_esp32s3.qmd
            - href: contents/seeed/xiao_esp32s3/setup/setup.qmd
            - href: contents/seeed/xiao_esp32s3/image_classification/image_classification.qmd
            - href: contents/seeed/xiao_esp32s3/object_detection/object_detection.qmd
            - href: contents/seeed/xiao_esp32s3/kws/kws.qmd
            - href: contents/seeed/xiao_esp32s3/motion_classification/motion_classification.qmd

        - section: "Grove Vision AI V2"
          id: grove-vision
          contents:
            - href: contents/seeed/grove_vision_ai_v2/grove_vision_ai_v2.qmd
            - href: contents/seeed/grove_vision_ai_v2/setup_and_no_code_apps/setup_and_no_code_apps.qmd
            - href: contents/seeed/grove_vision_ai_v2/image_classification/image_classification.qmd
            - href: contents/seeed/grove_vision_ai_v2/object_detection/object_detection.qmd

        - section: "Raspberry Pi"
          id: raspberry-pi
          contents:
            - href: contents/raspi/raspi.qmd
            - href: contents/raspi/setup/setup.qmd
            - href: contents/raspi/image_classification/image_classification.qmd
            - href: contents/raspi/object_detection/object_detection.qmd
            - href: contents/raspi/llm/llm.qmd
            - href: contents/raspi/vlm/vlm.qmd

        - section: "Shared Resources"
          id: shared
          contents:
            - href: contents/shared/shared.qmd
            - href: contents/shared/kws_feature_eng/kws_feature_eng.qmd
            - href: contents/shared/dsp_spectral_features_block/dsp_spectral_features_block.qmd

  page-footer:
    left: |
      © 2024-2025 Harvard University. Licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY-NC-SA 4.0</a>
    center: |
      Part of the <a href="../book/">Machine Learning Systems</a> textbook
    right:
      - icon: github
        href: https://github.com/harvard-edge/cs249r_book
        aria-label: "View source on GitHub"
      - icon: star
        href: https://github.com/harvard-edge/cs249r_book
        aria-label: "Star this repository"
    background: light
    border: true

format:
  html:
    theme:
      light:
        - default
        - assets/styles/style.scss
      dark:
        - default
        - assets/styles/style.scss
        - assets/styles/dark-mode.scss
    respect-user-color-scheme: true
    toc: true
    toc-depth: 3
    number-sections: false
    code-copy: true
    code-overflow: wrap
    highlight-style: github
    link-external-icon: false
    link-external-newwindow: true
    anchor-sections: true
    include-in-header:
      - text: |
          <link rel="preconnect" href="https://fonts.googleapis.com">
          <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
          <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
          <link rel="manifest" href="/site.webmanifest">
          <link rel="apple-touch-icon" href="/assets/images/favicon.png">
          <meta name="theme-color" content="#148F77">
    include-after-body:
      - text: |
          <script src="assets/scripts/subscribe-modal.js" defer></script>

# Announcement bar configuration
metadata-files:
  - config/announcement.yml