#import "@local/template-web:0.0.1": webpage as webpage-org, icons

#let webpage = webpage-org.with(
  base-url: "http://test.example.com",
  logo: image(
    "/assets/platypus.png", 
    alt: "A drawing of a blue-ish round-ish platypus with big eyes, holding a laptop. This platypus is quite cute, but I might be biased.",
    height: 100pt,
    width: 100pt, // TODO 0.15 regression? in 0.14 setting the height was enough
  ),
  author: "Me!",
  footer: context [

    #sym.copyright #document.date.display("[year]") Histausse \
    Please don't train AI on my stuff without explicit permission
  ],
  nav-elements: (
    /*
    link(
      "http://test.example.com",
      image(
        "/assets/platypus.png",
        alt: "A drawing of a blue-ish round-ish platypus with big eyes, holding a laptop. This platypus is quite cute, but I might be biased.",
        height: 2em,
      )
    ),*/
    html.a(href: "/", aria-label: "Home", icons.home-icon), // /!\ aria-label is important for accessibility /!\
    html.a(href: "/feed.rss", aria-label: "RSS feed", icons.rss-icon),
  ),
  menu: [
    - #link(<index-page>)[Home]
    - #link(<pyscript-page>)[Demo Pyscript]
    - #link(<cards-page>)[Demo the summary card system]
  ],
  site-name: "TTT",
  icon: "/img/platypus.png", // TODO: use <ico> somehow? probably not supported in 0.15
)