1#import "@preview/bullseye:0.1.0": show-target
 2#import "../utils/renderer-check.typ": is-renderer
 3
 4#let side-footnote-html(body) = {
 5  show footnote: it => if is-renderer("kerplunk") { it } else {
 6    let number = counter(footnote).display(it.numbering)
 7    let fn-id = "fn-" + number
 8    let ref-id = "fnref-" + number
 9
10    html.sup(
11      id: ref-id,
12      html.a(
13        href: "#" + fn-id,
14        number,
15      ),
16    )
17    html.span(
18      class: "sidenote",
19      id: fn-id,
20      html.sup(html.a(href: "#" + ref-id, number)) + [ ] + it.body,
21    )
22  }
23
24  body
25}
26
27#let footnote-template-paged(body) = {
28  // TODO: Headings style in PDF target
29
30  body
31}
32
33#let footnote-template(body) = {
34  show: show-target(paged: footnote-template-paged, html: side-footnote-html)
35
36  body
37}