index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>uppy</title>
  7. </head>
  8. <body>
  9. <style>
  10. main {
  11. padding-top: 100px;
  12. text-align: center;
  13. }
  14. #upload-form {
  15. max-width: 400px;
  16. text-align: left;
  17. margin: auto;
  18. }
  19. a {
  20. color: purple;
  21. }
  22. button,
  23. input {
  24. color: green;
  25. font-size: 30px;
  26. text-align: right;
  27. border: 2px solid purple;
  28. }
  29. ul {
  30. margin: 60px;
  31. }
  32. li {
  33. margin: 60px;
  34. }
  35. .foo a {
  36. color: purple;
  37. }
  38. </style>
  39. <main class="foo">
  40. <h1>Uppy is here</h1>
  41. <form id="upload-form" action="/">
  42. <button type="button" id="pick-files">Pick Files</button><br>
  43. True ? <input type="checkbox" name="check_test" value="1" checked><br>
  44. Something: <input type="text" name="yo" value="1"><br>
  45. <input type="hidden" name="bla" value="12333"><br>
  46. <button type="submit">Submit</button>
  47. </form>
  48. </main>
  49. <link href="uppy.min.css" rel="stylesheet">
  50. <script src="bundle.js"></script>
  51. </body>
  52. </html>