#set heading(numbering: "1.1 -")
#set document(title: [The EID Wireless Masterclass])

#let doc(path, it) = document(path, html.html(
  lang: "en",
  {
    html.head({
      html.meta(charset: "utf-8")
      html.meta(name: "viewport", content: "width=device-width, initial-scale=1")
      html.meta(name: "color-scheme", content: "dark light")
      html.title(context document.title)
      html.link(rel: "stylesheet", href: "/src/style.css")
      html.link(rel: "stylesheet", href: "/src/components.css")
      html.script(type: "module", src: "/src/components.js")
    })
    html.body(context {
      let prev = query(selector(heading.where(level: 1)).before(here())).at(-1, default: none)
      let next = query(selector(heading.where(level: 1)).after(here())).at(1, default: none)
      html.main(it)
      html.footer({
        html.nav({
          html.ul({
            if prev != none {
              html.li(
                link(prev.location(), [Prev: #prev.body]),
                class: "btn",
              )
            }
            if next != none {
              html.li(
                link(next.location(), [Next: #next.body]),
                class: "btn",
              )
            }
          })
        })
      })
    })
  },
))

#{
  doc("index.html", include "content/index.typ")
  doc("core.html", include "content/core.typ")
  // doc("data-protocols.html", include "content/data-protocols.typ")
  doc("interference.html", include "content/interference.typ")
  doc("tilesets.html", include "content/tilesets.typ")
  doc("block-event-delay.html", include "content/block-event-delay.typ")
  // doc("design-notfirstes.html", include "content/design.typ")
  // doc("channel-selectors.html", include "content/channels.typ")
  // doc("bulk-transmission.html", include "content/bulk.typ")
  // doc("network-protocols.html", include "content/network.typ")
}