index.html.erb 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. <!DOCTYPE html>
  2. <html lang="<%= t[:lang] %>">
  3. <!-- <%= t[:dont_make_change] %> -->
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta charset="utf-8">
  7. <link rel="shortcut icon" href="favicon.ico"/>
  8. <meta name="viewport" content="initial-scale=1.0,width=device-width">
  9. <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" rel="stylesheet" type="text/css">
  10. <link href="style.css" rel="stylesheet" type="text/css">
  11. <link href="mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 768px) and (min-width: 0px)">
  12. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  13. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
  14. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.1/URI.min.js"></script>
  15. <script type="text/javascript" src="ui.js"></script>
  16. <title>waifu2x</title>
  17. </head>
  18. <body>
  19. <div class="all-page">
  20. <h1 class="main-title">waifu2x</h1>
  21. <div class="choose-lang">
  22. <a href="index.html">
  23. English
  24. </a>
  25. /
  26. <a href="index.ja.html">
  27. 日本語
  28. </a>
  29. /
  30. <a href="index.ru.html">
  31. Русский
  32. </a>
  33. /
  34. <a href="index.pt.html">
  35. Português
  36. </a>
  37. /
  38. <a href="index.es.html">
  39. Español
  40. </a>
  41. /
  42. <a href="index.fr.html">
  43. Français
  44. </a>
  45. /
  46. <a href="index.de.html">
  47. Deutsch
  48. </a>
  49. /
  50. <a href="index.tr.html">
  51. Türkçe
  52. </a>
  53. /
  54. <a href="index.zh-CN.html">
  55. 简体中文
  56. </a>
  57. /
  58. <a href="index.zh-TW.html">
  59. 繁體中文
  60. </a>
  61. /
  62. <a href="index.ko.html">
  63. 한국어
  64. </a>
  65. </div>
  66. <p><%= t[:description] %></p>
  67. <p class="margin1 link-box">
  68. <a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" class="blue-link" target="_blank">
  69. <%= t[:show_demonstration] %>
  70. </a>
  71. |
  72. <a href="https://github.com/nagadomi/waifu2x" class="blue-link" target="_blank">
  73. <%= t[:go_to_github] %>
  74. </a>
  75. </p>
  76. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  77. <div class="option-box first">
  78. <div class="option-left"><%= t[:image_choosing] %>:</div>
  79. <div class="option-right">
  80. <input type="text" id="url" name="url" placeholder="<%= t[:type_url] %>">
  81. <div class="option-right-small">
  82. <%= t[:choose_file] %>:
  83. <input type="file" id="file" name="file"></div>
  84. </div>
  85. <div class="option-hint file_limits">
  86. <%= t[:file_limits] %>
  87. </div>
  88. </div>
  89. <div class="option-box">
  90. <div class="option-left">
  91. <%= t[:style] %>:
  92. </div>
  93. <div class="option-right">
  94. <label><input type="radio" name="style" class="radio" value="art" checked>
  95. <span class="r-text">
  96. <%= t[:artwork] %>
  97. </span>
  98. </label>
  99. <label><input type="radio" name="style" class="radio" value="photo">
  100. <span class="r-text">
  101. <%= t[:photo] %>
  102. </span>
  103. </label>
  104. </div>
  105. </div>
  106. <div class="option-box">
  107. <div class="option-left">
  108. <%= t[:noise_reduction] %>:
  109. <div class="option-left-small">
  110. (<%= t[:expect_jpeg] %>)
  111. </div>
  112. </div>
  113. <div class="option-right">
  114. <label><input type="radio" name="noise" class="radio" value="-1">
  115. <span class="r-text">
  116. <%= t[:nr_none] %>
  117. </span>
  118. </label>
  119. <label><input type="radio" name="noise" class="radio" value="0" checked>
  120. <span class="r-text">
  121. <%= t[:nr_low] %>
  122. </span>
  123. </label>
  124. <label><input type="radio" name="noise" class="radio" value="1" checked>
  125. <span class="r-text">
  126. <%= t[:nr_medium] %>
  127. </span>
  128. </label>
  129. <label>
  130. <input type="radio" name="noise" class="radio" value="2">
  131. <span class="r-text">
  132. <%= t[:nr_high] %>
  133. </span>
  134. </label>
  135. <label>
  136. <input type="radio" name="noise" class="radio" value="3">
  137. <span class="r-text">
  138. <%= t[:nr_highest] %>
  139. </span>
  140. </label>
  141. </div>
  142. <div class="option-hint">
  143. <%= t[:nr_hint] %>
  144. </div>
  145. </div>
  146. <div class="option-box">
  147. <div class="option-left">
  148. <%= t[:upscaling] %>:
  149. <div class="option-left-small"></div>
  150. </div>
  151. <div class="option-right">
  152. <label><input type="radio" name="scale" class="radio" value="-1" checked>
  153. <span class="r-text">
  154. <%= t[:up_none] %>
  155. </span>
  156. </label>
  157. <label><input type="radio" name="scale" class="radio" value="1">
  158. <span class="r-text">
  159. 1.6x
  160. </span>
  161. </label>
  162. <label><input type="radio" name="scale" class="radio" value="2">
  163. <span class="r-text">
  164. 2x
  165. </span>
  166. </label>
  167. </div>
  168. </div>
  169. <% if false # comment out %>
  170. <div class="option-box">
  171. <div class="option-left">
  172. <%= t[:tta] %>:
  173. <div class="option-left-small"></div>
  174. </div>
  175. <div class="option-right">
  176. <label><input type="radio" name="tta_level" class="radio" value="1" checked>
  177. <span class="r-text">
  178. 1 pass
  179. </span>
  180. </label>
  181. <label><input type="radio" name="tta_level" class="radio" value="2" checked>
  182. <span class="r-text">
  183. 2 pass
  184. </span>
  185. </label>
  186. <label><input type="radio" name="tta_level" class="radio" value="4">
  187. <span class="r-text">
  188. 4 pass
  189. </span>
  190. </label>
  191. <label><input type="radio" name="tta_level" class="radio" value="8">
  192. <span class="r-text">
  193. 8 pass
  194. </span>
  195. </label>
  196. <label><input type="radio" name="tta_level" class="radio" value="0" checked>
  197. <span class="r-text">
  198. <%= t[:tta_best_effort] %>
  199. </span>
  200. </label>
  201. </div>
  202. <div class="option-hint">
  203. <%= t[:tta_hint] %>
  204. <a href="#" class="tta_rule">
  205. <%= t[:tta_rule] %>
  206. </a>
  207. <div style="display:none" class="tta_rule_text">
  208. <table>
  209. <tr>
  210. <td>
  211. &lt;= 452x452
  212. </td>
  213. <td>
  214. 8 pass
  215. </td>
  216. </tr>
  217. <tr>
  218. <td>
  219. &lt;= 640x640
  220. </td>
  221. <td>
  222. 4 pass
  223. </td>
  224. </tr>
  225. <tr>
  226. <td>
  227. &lt;= 905x905
  228. </td>
  229. <td>
  230. 2 pass
  231. </td>
  232. </tr>
  233. <tr>
  234. <td>
  235. else
  236. </td>
  237. <td>
  238. 1 pass
  239. </td>
  240. </tr>
  241. </table>
  242. </div>
  243. </div>
  244. </div>
  245. <% end %>
  246. <% if t[:button_convert] && !t[:button_convert].empty? %>
  247. <input type="submit" class="button" value="<%= t[:button_convert] %>">
  248. <% else %>
  249. <input type="submit" class="button">
  250. <% end %>
  251. <input type="submit" name="download" value="<%= t[:button_download]%>" class="button">
  252. <div class="bottom-hint">
  253. <ul>
  254. <% t[:hints].each do |hint| %>
  255. <li><%= hint %></li>
  256. <% end %>
  257. </ul>
  258. </div>
  259. </form>
  260. </div>
  261. <div class="bottom-info address">
  262. <a href="https://github.com/nagadomi/waifu2x" class="gray-link" target="_blank">waifu2x</a>
  263. </div>
  264. </body>
  265. </html>