SEM-011: element doesn't belong in head

Error: the page doesn't build until this is fixed.

The <head> holds information about the page, not content: meta, link, script, style, base, noscript and template. Browsers move anything else into the body.

Fails

page(title: "Shoes", description: "All our running shoes, from light racers to trail shoes.") {
  h1 "Shoes"
  head {
    link(rel: "stylesheet", href: "/app.css")
    img("/pixel.gif", decorative: true)
  }
}

error[SEM-011]: `img` doesn't belong in head
 --> page.hypra:5:5
  |
5 |     img("/pixel.gif", decorative: true)
  |     ^^^
  = help: head takes meta, link, script, style, base, noscript and template
  = docs: https://hypralang.dev/rules/sem-011/

1 error, 0 warnings

Fixed

page(title: "Shoes", description: "All our running shoes, from light racers to trail shoes.") {
  h1 "Shoes"
  head { link(rel: "stylesheet", href: "/app.css") }
  img("/pixel.gif", decorative: true)
}