Is it possilble to use the pause method inside context?

[joelvonrotz]

Hello,

I'm currently writing my bachelor thesis presentation in Typst and need some help in a very specific case. I've created my own template to fit my usual slide style and have manually created an outline inside a slide (not via method):

The actual icons and titles are not final, so no critique there.

#slide(config: (config-store(skip-breadcrumbs: true)))[
  #{
    set heading(outlined: false)
    show heading: none
    heading(level: 2)[Übersicht]
  }
  #set align(center)
  #set text(30pt)

  #let icons = ("icon_review.png", "icon_demo.png", "icon_demo.png", "icon_fazit.png", "icon_demo.png")

  #context stack(
    let idx = 0,
    ..for chapt in (query(heading.where(level: 1)).slice(0,-1)) {
      (
        box(
          width: 60%,
          stroke: 1pt + greenish,
          inset: (x: 0.25em, y: 0.2em),
          radius: 10pt,
          link(
            chapt.location().position(),
            grid(columns: (1.4em, 1fr), align: (left, horizon))[
              #box(image(icons.at(idx)), height: auto)
            ][
              #set text(weight: "bold")
              #chapt.body
            ],
          ),
        ) + v(0.2em),
      )
      idx += 1
    },
  )
]

First question: Is it possible to do this easier?
Second question: Is it possible to include the pause method in someway? -> So I can reveal these piece by piece?

[joelvonrotz]

Found a workaround by redefining the ref command to handle headings a bit differently:

#show ref: it => if it.element.func() != heading { it } else {
  let l = it.target // label
  let h = it.element // heading
  let icon = ("icon_" + lower(h.body.text) + ".png").replace(" ", "_")
  box(
    width: 60%,
    stroke: 1pt + greenish,
      inset: (x: 0.25em, y: 0.2em),
      radius: 10pt,
      link(
        l,
        grid(columns: (1.4em, 1fr), align: (left, horizon))[
          #box(image(icon), height: auto)
        ][
          #set text(weight: "bold")
          #h.body
        ],
      ),
    )
}

This way I can reference the needed headings and it is rendered accordingly. For the icons, I renamed them to fit the heading ('Aktueller Stand' -> icon with filename "icon_aktueller_stand.png"

#slide(config: (config-store(skip-breadcrumbs: true)))[
  #{
    set heading(outlined: false)
    show heading: none
    heading(level: 2)[Übersicht]
  }
  #set align(center)
  #set text(30pt)

  #set par(leading: 0.3em)
  @sec:ruckblick
  #pause
  @sec:aktuell
  #pause
  @sec:demo
  #pause
  @sec:fazit
]

[Tinggaard]

#pause is not supported inside #context expressions, no (Touying panics here).

Glad you found a workaround :)