from fasthtml_hf import setup_hf_backup
from fasthtml.common import *

custom_css_link = Link(rel="stylesheet", href="styles.css")

app, rt = fast_app(hdrs=(custom_css_link,))

@rt('/')
def home():
    return Title("Is It a Digit?"), Main(
        H1("Is It a Digit?"),
        P("Draw on the canvas below"),
        Div(id="canvasContainer"),
        P("Probability it's a digit: --", id="probability"),
        Button("Clear", id="clearButton"),
        ScriptX('digitDrawer.js'),
        cls="container"  
    )

setup_hf_backup(app)
serve()