#import "shared.typ": (
    asset_path, button, buttons, html_page, html_redirect, metaquery, redirects,
    with_src,
)

#context html_page("buttons", [void.pink :: buttons])[
    = Buttons

    == Own

    Buttons that I made for my blog & business card website.
    Feel free to include it on your webbed sites!

    Please do *NOT* hot link them though; I *cannot* be trusted with keeping stable URLs.

    #buttons(metaquery(<btn:own>))

    == Frens :3

    My lovely friends' buttons \*-\*

    // FIXME: static versions: https://www.5snb.club/w/88x31-tips/#prefers-reduced-motion
    #buttons(metaquery(<btn:fren>), extra: button(
        // FIXME: don't hot link if there is a source of random...
        "https://wolfgirl.dev/button.png",
        "polywolf",
        "https://wolfgirl.dev",
    ))

    == Misc

    #buttons(metaquery(<btn:misc>))

    #html.label()[
        #html.input(type: "checkbox", id: "reduce-motion")
        stop animations
    ]
]