index.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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="static/images/favicon.png">
  23. <link rel="stylesheet" href=".static/css/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="../../build/transloadit-js-client.js"></script>
  55. <script src="static/js/app.js"></script>
  56. <!-- Apply the js client on a selector -->
  57. <script>
  58. var tl = Transloadit("#upload-target");
  59. </script>
  60. <!-- Add the branch name to the <title> and <h1> of this page -->
  61. <script>
  62. var branch = location.pathname.split('/')[2] || 'local-unknown';
  63. var elTitle = document.querySelector('title');
  64. var elH1 = document.querySelector('h1');
  65. var title = 'You are reviewing branch: ' + branch;
  66. elTitle.innerHTML = title;
  67. elH1.innerHTML = title;
  68. </script>
  69. </html>