index.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Basic Page Needs
  5. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  6. <meta charset="utf-8">
  7. <title>Loading...</title>
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <!-- Mobile Specific Metas
  11. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. <!-- FONT
  14. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  15. <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
  16. <!-- CSS
  17. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  18. <link rel="stylesheet" href="static/css/normalize.css">
  19. <link rel="stylesheet" href="static/css/skeleton.css">
  20. <!-- Favicon
  21. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  22. <link rel="icon" type="image/png" href="static/images/favicon.png">
  23. <link rel="stylesheet" href="static/css/style.css" type="text/css" />
  24. </head>
  25. <body>
  26. <!-- Primary Page Layout
  27. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  28. <div class="container">
  29. <div class="row">
  30. <div class="twelve columns" style="margin-top: 10%">
  31. <h1>
  32. Loading..
  33. </h1>
  34. <h4>uppy</h4>
  35. <p>
  36. With this file we can easily test the built js client locally (via <code>npm run preview</code>)
  37. and online.
  38. </p>
  39. <form id="upload-target" class="UppyDragDrop" method="post" action="/" enctype="multipart/form-data">
  40. <div>
  41. <input id="UppyDragDrop-input" class="UppyDragDrop-input" type="file" name="files[]" data-multiple-caption="{count} files selected" multiple />
  42. <label class="UppyDragDrop-label" for="UppyDragDrop-input"><strong>Choose a file</strong><span class="UppyDragDrop-dragText"> or drag it here</span>.</label>
  43. <!-- <button class="UppyDragDrop-btn" type="submit">Upload</button> -->
  44. </div>
  45. <div class="UppyDragDrop-status">Uploading&hellip;</div>
  46. </form>
  47. </div>
  48. </div>
  49. </div>
  50. <footer>
  51. <hr />
  52. <ul>
  53. <li><a href="https://travis-ci.org/transloadit/uppy">Travis</a></li>
  54. <li><a href="https://github.com/transloadit/uppy">GitHub</a></li>
  55. </ul>
  56. </footer>
  57. </body>
  58. <!-- Include the bundled app.js client -->
  59. <script src="static/js/app.js"></script>
  60. <!-- Apply the js client on a selector -->
  61. <script>
  62. // var tl = Transloadit("#upload-target");
  63. </script>
  64. <!-- Add the branch name to the <title> and <h1> of this page -->
  65. <script>
  66. var branch = location.pathname.split('/')[2] || 'local-unknown';
  67. var elTitle = document.querySelector('title');
  68. var elH1 = document.querySelector('h1');
  69. var title = 'You are reviewing branch: ' + branch;
  70. elTitle.innerHTML = title;
  71. elH1.innerHTML = title;
  72. </script>
  73. </html>