index.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <html>
  2. <head>
  3. <style type="text/css" rel="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"></style>
  4. <style type="text/css">
  5. body {
  6. margin: 1em 2em 1em 2em;
  7. background: LightGray;
  8. width: 640px;
  9. }
  10. fieldset {
  11. margin-top: 1em;
  12. margin-bottom: 1em;
  13. }
  14. .about {
  15. font-size: 0.8em;
  16. margin: 1em 0 1em 0;
  17. }
  18. .help {
  19. font-size: 0.8em;
  20. margin: 1em 0 1em 0;
  21. }
  22. </style>
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  24. <script type="text/javascript">
  25. function clear_file() {
  26. var new_file = $("#file").clone();
  27. new_file.change(clear_url);
  28. $("#file").replaceWith(new_file);
  29. }
  30. function clear_url() {
  31. $("#url").val("")
  32. }
  33. $(function (){
  34. $("#url").change(clear_file);
  35. $("#file").change(clear_url);
  36. })
  37. </script>
  38. </head>
  39. <body>
  40. <h1>waifu2x</h1>
  41. <div class="header">
  42. <a href="https://github.com/you">
  43. <img style="position: absolute; top: 0; left: 540; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png">
  44. </a>
  45. <a href="index.ja.html">ja</a>/<a href="index.html">en</a>
  46. </div>
  47. <div class="about">
  48. Single-Image Super-Resolution for anime/fan-arts using Deep Convolutional Neural Networks.
  49. </div>
  50. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  51. <fieldset>
  52. <legend>Image</legend>
  53. <div>
  54. URL: <input id="url" type="text" name="url" size="64"/> or
  55. </div>
  56. <div>
  57. FILE: <input id="file" type="file" name="file"/>
  58. </div>
  59. <div class="help">
  60. Limits: FileSize: 2MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px
  61. </div>
  62. </fieldset>
  63. <fieldset>
  64. <legend>Noise Reduction (expect JPEG Artifact)</legend>
  65. <label><input type="radio" name="noise" value="0"> None</label>
  66. <label><input type="radio" name="noise" value="1" checked="checked"> Low</label>
  67. <label><input type="radio" name="noise" value="2"> High</label>
  68. </fieldset>
  69. <fieldset>
  70. <legend>Upscaling</legend>
  71. <label><input type="radio" name="scale" value="0" checked="checked"> None</label>
  72. <label><input type="radio" name="scale" value="1"> 1.6x</label>
  73. <label><input type="radio" name="scale" value="2"> 2x</label>
  74. </fieldset>
  75. <input type="submit"/>
  76. </form>
  77. </body>
  78. </html>