home.handlebars 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. {{#> base}}
  2. {{#*inline "head-block"}}
  3. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
  4. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
  5. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.15.3/axios.min.js"></script>
  6. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js"></script>
  7. <script type="text/javascript" src="/js/home.js"></script>
  8. {{/inline}}
  9. {{#*inline "body-block"}}
  10. <section class="hero is-fullheight has-text-centered" id="home">
  11. <div class="hero-body">
  12. <div class="container">
  13. <p id="b">
  14. <img class="logo" src="/images/logo_smol.png">
  15. </p>
  16. <h1 class="title">meidosafe</h1>
  17. <h2 class="subtitle">A <strong>modern</strong> self-hosted file upload service</h2>
  18. <h3 class="subtitle" id="maxFileSize"></h3>
  19. <div class="columns">
  20. <div class="column is-hidden-mobile"></div>
  21. <div class="column" id="uploadContainer">
  22. <a id="loginToUpload" href="/auth" class="button is-danger">Running in private mode. Log in to upload.</a>
  23. <div class="field" id="albumDiv" style="display: none">
  24. <p class="control select-wrapper">
  25. <span class="select">
  26. <select id="albumSelect">
  27. <option value="">Upload to album</option>
  28. </select>
  29. </span>
  30. </p>
  31. </div>
  32. </div>
  33. <div class="column is-hidden-mobile"></div>
  34. </div>
  35. <div id="uploads">
  36. <div id="template" class="columns">
  37. <div class="column is-hidden-mobile"></div>
  38. <div class="column">
  39. <progress class="progress is-small is-danger" value="0" max="100" data-dz-uploadprogress></progress>
  40. <p data-dz-errormessage></p>
  41. <p class="link"></p>
  42. </div>
  43. <div class="column is-hidden-mobile"></div>
  44. </div>
  45. </div>
  46. <h3 class="subtitle"><a href="/auth" id="loginLinkText"></a></h3>
  47. <h3 id="links">
  48. <a href="https://github.com/WeebDev/lolisafe" target="_blank" class="is-danger">View on GitHub</a><span>|</span><a id="ShareX" href="https://safe.meido.space/sharex.txt">ShareX</a><span>|</span><a href="https://chrome.google.com/webstore/detail/lolisafe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" class="is-danger">Chrome extension</a><span>|</span><a href="/faq" class="is-danger">FAQ</a><span>|</span><a href="/auth" target="_blank" class="is-danger">Dashboard</a>
  49. </h3>
  50. </div>
  51. </div>
  52. </section>
  53. {{/inline}}
  54. {{/base}}