ConradLax/document_classifier

1<!DOCTYPE html>2<html lang="en">3  <head>4    <meta charset="UTF-8" />5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />6    <title>Fast API 🤗 Space served with Uvicorn</title>7    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">8    <link rel="stylesheet" href="style.css" />9    <script type="module" src="script.js"></script>10  </head>11  <body>12    <main>13      <section id="doc-classification">14        <h1>Document classification using donutclassifier_acctdocs_by_doctype</h1>15        <p>16          Model:17          <a 18          href="https://huggingface.co/calumpianojericho/donutclassifier_acctdocs_by_doctype"19            rel="noreferrer"20            target="_blank">donutclassifier_acctdocs_by_doctype</a>21        </p>22        <form class="doc-classification-form">23          <div class="input-group mb-3">24            <label class="input-group-text" for="doc-input">Upload document</label>25            <input id="doc-input" class="form-control" type="file" multiple="multiple" accept="image/jpeg, image/png, image/jpg, application/pdf">26          </div>27          28          <a id="doc-output-link" role="button" class="btn btn-primary disabled" tabindex="-1">Download</a>29        </form>30      </section>31    </main>32    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>33  </body>34</html>