index.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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="css/normalize.css">
  19. <link rel="stylesheet" href="css/skeleton.css">
  20. <!-- Favicon
  21. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  22. <link rel="icon" type="image/png" href="images/favicon.png">
  23. <link rel="stylesheet" href="./transloadit-js-client.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>transloadit-js-client</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. <div id="upload-target">
  40. Loading..
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <footer>
  46. <hr />
  47. <ul>
  48. <li><a href="https://travis-ci.org/transloadit/transloadit-js-client">Travis</a></li>
  49. <li><a href="https://github.com/transloadit/transloadit-js-client">GitHub</a></li>
  50. </ul>
  51. </footer>
  52. </body>
  53. <!-- Include the built js client -->
  54. <script src="./transloadit-js-client.js"></script>
  55. <!-- Apply the js client on a selector -->
  56. <script>
  57. // var tl = Transloadit("#upload-target");
  58. </script>
  59. <!-- Add the branch name to the <title> and <h1> of this page -->
  60. <script>
  61. var branch = location.pathname.split('/')[2] || 'local-unknown';
  62. var elTitle = document.querySelector('title');
  63. var elH1 = document.querySelector('h1');
  64. var title = 'You are reviewing branch: ' + branch;
  65. elTitle.innerHTML = title;
  66. elH1.innerHTML = title;
  67. </script>
  68. </html>