index.ja.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <html lang="ja">
  2. <head>
  3. <meta charset="UTF-8">
  4. <link rel="canonical" href="http://waifu2x.udp.jp/"/>
  5. <title>waifu2x</title>
  6. <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
  7. <style type="text/css" rel="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"></style>
  8. <style type="text/css">
  9. body {
  10. margin: 1em 2em 1em 2em;
  11. background: LightGray;
  12. width: 640px;
  13. }
  14. fieldset {
  15. margin-top: 1em;
  16. margin-bottom: 1em;
  17. }
  18. .about {
  19. font-size: 0.8em;
  20. margin: 1em 0 1em 0;
  21. }
  22. .help {
  23. font-size: 0.8em;
  24. margin: 1em 0 1em 0;
  25. }
  26. </style>
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  28. <script type="text/javascript">
  29. function clear_file() {
  30. var new_file = $("#file").clone();
  31. new_file.change(clear_url);
  32. $("#file").replaceWith(new_file);
  33. }
  34. function clear_url() {
  35. $("#url").val("")
  36. }
  37. $(function (){
  38. $("#url").change(clear_file);
  39. $("#file").change(clear_url);
  40. })
  41. </script>
  42. </head>
  43. <body>
  44. <h1>waifu2x</h1>
  45. <div class="header">
  46. <a href="https://github.com/nagadomi/waifu2x">
  47. <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">
  48. </a>
  49. </div>
  50. <div class="about">
  51. 深層畳み込みニューラルネットワークによる二次元画像のための超解像システム.
  52. </div>
  53. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  54. <fieldset>
  55. <legend>画像</legend>
  56. <div>
  57. URL: <input id="url" type="text" name="url" size="64"/> or
  58. </div>
  59. <div>
  60. FILE: <input id="file" type="file" name="file"/>
  61. </div>
  62. <div class="help">
  63. 制限: サイズ: 2MB, ノイズ除去: 2560x2560px, 拡大: 1280x1280px
  64. </div>
  65. </fieldset>
  66. <fieldset>
  67. <legend>ノイズ除去 (JPEGノイズを想定)</legend>
  68. <label><input type="radio" name="noise" value="0"> なし</label>
  69. <label><input type="radio" name="noise" value="1" checked="checked"> 弱</label>
  70. <label><input type="radio" name="noise" value="2"> 強</label>
  71. </fieldset>
  72. <fieldset>
  73. <legend>拡大</legend>
  74. <label><input type="radio" name="scale" value="0" checked="checked"> なし</label>
  75. <label><input type="radio" name="scale" value="1"> 1.6x</label>
  76. <label><input type="radio" name="scale" value="2"> 2x</label>
  77. </fieldset>
  78. <input type="submit" value="実行"/>
  79. </form>
  80. <div class="help">
  81. <ul>
  82. <li>なし/なしで入力画像を変換せずに出力する。ブラウザのタブで変換結果を比較したい人用。</li>
  83. </ul>
  84. </div>
  85. <!-- buttons -->
  86. <div>
  87. <div style="float:left">
  88. <g:plusone size="small"></g:plusone>
  89. </div>
  90. <div style="float:left">
  91. <div id="fb-root"></div>
  92. <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
  93. </script>
  94. <fb:like href="http://waifu2x.udp.jp/" send="true" layout="button_count" width="450" show_faces="true" font=""></fb:like>
  95. </div>
  96. <div style="clear:both"></div>
  97. </div>
  98. </body>
  99. </html>