index.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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, shrink-to-fit=no">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
  8. <link rel="stylesheet" type="text/css" href="/static/css/jquery.toast.min.css">
  9. <script src="/static/js/jquery-3.4.1.min.js"></script>
  10. <script src="/static/js/bootstrap.min.js"></script>
  11. <script src="/static/js/jquery.toast.min.js"></script>
  12. <script src="/static/js/httprint.js"></script>
  13. <title>HTTPrint</title>
  14. </head>
  15. <body>
  16. <div class="container">
  17. <div class="row">
  18. <div class="col-sm">
  19. <div class="jumbotron jumbotron-fluid">
  20. <div class="container">
  21. <h1 class="display-4">HTTPrint</h1>
  22. <p class="lead">Upload and print a <strong>PDF file</strong>. The maximum number of pages that can be printed is <strong>10</strong>.</p>
  23. Instructions:
  24. <ol>
  25. <li>Upload a file, select the number of copies and click the "print" button</li>
  26. <li>Write down the code you will receive</li>
  27. <li>head to the printer (look for Vatican Embassy)</li>
  28. <li>insert the code in the touchpad</li>
  29. </ol>
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label for="upload-file">File to print</label>
  34. <input id="upload-file" type="file" class="form-control-file">
  35. </div>
  36. <div class="form-group">
  37. <label for="copies">Number of copies</label>
  38. <input id="copies" type="number" min="1" max="10" value="1" class="form-control">
  39. </div>
  40. <button id="print-btn" class="btn-lg btn-primary">print</button>
  41. </div>
  42. </div>
  43. </div>
  44. <footer class="footer mt-auto py-3">
  45. <div class="container">
  46. <span class="text-muted">
  47. HTTPrint
  48. </span>
  49. </div>
  50. </footer>
  51. </body>
  52. </html>