template.typ.j2

#set page(
    width: 1200pt,
    height: 630pt,
    fill: rgb("#264323"),
    margin: (x:0pt, y: 0pt)
)

#set text(
    font: "Fira Sans",
    fill: rgb("#FFFFFF"),
    hyphenate: false,
)

#show image.where(alt: "team_image"): it => box(
  radius: 10pt,
  clip: true,
  fill: white,
)[#it]

#show image.where(alt: "user_image"): it => box(
  radius: 35pt,
  clip: true,
  stroke: white,
  fill: white,
)[#it]

#place(top, dx: 75pt, dy: 75pt, float: true, scope: "parent")[
    #block(width: 1000pt)[
        #block[
            #set text(
                size: 60pt,
                weight: "bold"
            )
            #show regex("([a-z|0-9|_])+"): it => {
                it.text.codepoints().join(sym.zws)
            }

            #"{{ krate.name }}"
        ]

        #block(above: 40pt)[
            #set text(
                size: 40pt,
                weight: "regular",
            )

            #"{{ krate.description }}"
        ]

        #block(above: 40pt)[
            #stack(
                dir: rtl,
                spacing: -5pt,
                {%- for owner in krate.user_owners %}
                image("{{ owner.avatar }}", width: 70pt, alt: "user_image"),
                {%- endfor %}
                {%- for owner in krate.team_owners %}
                image("{{ owner.avatar }}", width: 70pt, alt: "team_image"),
                {%- endfor %}
            )
        ]
    ]
]

#place(bottom + right, dy: -40pt, dx: -45pt, float: true, scope: "parent")[
    #image("cargo.png")
]
#place(bottom + left, dx: 75pt, dy: -75pt, float: true, scope: "parent")[
    #block[
        #set text(
            size: 32pt,
            weight: "bold",
        )

        #"crates.io"
    ]
]