index.html.erb 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  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. /
  66. <a href="index.nl.html">
  67. Nederlands
  68. </a>
  69. /
  70. <a href="index.ca.html">
  71. Català
  72. </a>
  73. /
  74. <a href="index.ro.html">
  75. Română
  76. </a>
  77. /
  78. <a href="index.it.html">
  79. Italiano
  80. </a>
  81. /
  82. <a href="index.eo.html">
  83. Esperanto
  84. </a>
  85. /
  86. <a href="index.no.html">
  87. Bokmål
  88. </a>
  89. /
  90. <a href="index.uk.html">
  91. Українська
  92. </a>
  93. /
  94. <a href="index.pl.html">
  95. Polski
  96. </a>
  97. /
  98. <a href="index.bg.html">
  99. Български
  100. </a>
  101. </div>
  102. <p><%= t[:description] %></p>
  103. <p class="margin1 link-box">
  104. <a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" class="blue-link" target="_blank">
  105. <%= t[:show_demonstration] %>
  106. </a>
  107. |
  108. <a href="https://github.com/nagadomi/waifu2x" class="blue-link" target="_blank">
  109. <%= t[:go_to_github] %>
  110. </a>
  111. </p>
  112. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  113. <div class="option-box first">
  114. <div class="option-left"><%= t[:image_choosing] %>:</div>
  115. <div class="option-right">
  116. <input type="text" id="url" name="url" placeholder="<%= t[:type_url] %>">
  117. <div class="option-right-small">
  118. <%= t[:choose_file] %>:
  119. <input type="file" id="file" name="file"></div>
  120. </div>
  121. <div class="option-hint file_limits">
  122. <%= t[:file_limits] %>
  123. </div>
  124. </div>
  125. <div class="option-box">
  126. <div class="option-left">
  127. <%= t[:style] %>:
  128. </div>
  129. <div class="option-right">
  130. <label><input type="radio" name="style" class="radio" value="art" checked>
  131. <span class="r-text">
  132. <%= t[:artwork] %>
  133. </span>
  134. </label>
  135. <label><input type="radio" name="style" class="radio" value="photo">
  136. <span class="r-text">
  137. <%= t[:photo] %>
  138. </span>
  139. </label>
  140. </div>
  141. </div>
  142. <div class="option-box">
  143. <div class="option-left">
  144. <%= t[:noise_reduction] %>:
  145. <div class="option-left-small">
  146. (<%= t[:expect_jpeg] %>)
  147. </div>
  148. </div>
  149. <div class="option-right">
  150. <label><input type="radio" name="noise" class="radio" value="-1">
  151. <span class="r-text">
  152. <%= t[:nr_none] %>
  153. </span>
  154. </label>
  155. <label><input type="radio" name="noise" class="radio" value="0" checked>
  156. <span class="r-text">
  157. <%= t[:nr_low] %>
  158. </span>
  159. </label>
  160. <label><input type="radio" name="noise" class="radio" value="1" checked>
  161. <span class="r-text">
  162. <%= t[:nr_medium] %>
  163. </span>
  164. </label>
  165. <label>
  166. <input type="radio" name="noise" class="radio" value="2">
  167. <span class="r-text">
  168. <%= t[:nr_high] %>
  169. </span>
  170. </label>
  171. <label>
  172. <input type="radio" name="noise" class="radio" value="3">
  173. <span class="r-text">
  174. <%= t[:nr_highest] %>
  175. </span>
  176. </label>
  177. </div>
  178. <div class="option-hint">
  179. <%= t[:nr_hint] %>
  180. </div>
  181. </div>
  182. <div class="option-box">
  183. <div class="option-left">
  184. <%= t[:upscaling] %>:
  185. <div class="option-left-small"></div>
  186. </div>
  187. <div class="option-right">
  188. <label><input type="radio" name="scale" class="radio" value="-1" checked>
  189. <span class="r-text">
  190. <%= t[:up_none] %>
  191. </span>
  192. </label>
  193. <label><input type="radio" name="scale" class="radio" value="1">
  194. <span class="r-text">
  195. 1.6x
  196. </span>
  197. </label>
  198. <label><input type="radio" name="scale" class="radio" value="2">
  199. <span class="r-text">
  200. 2x
  201. </span>
  202. </label>
  203. </div>
  204. </div>
  205. <% if false # comment out %>
  206. <div class="option-box">
  207. <div class="option-left">
  208. <%= t[:tta] %>:
  209. <div class="option-left-small"></div>
  210. </div>
  211. <div class="option-right">
  212. <label><input type="radio" name="tta_level" class="radio" value="1" checked>
  213. <span class="r-text">
  214. 1 pass
  215. </span>
  216. </label>
  217. <label><input type="radio" name="tta_level" class="radio" value="2" checked>
  218. <span class="r-text">
  219. 2 pass
  220. </span>
  221. </label>
  222. <label><input type="radio" name="tta_level" class="radio" value="4">
  223. <span class="r-text">
  224. 4 pass
  225. </span>
  226. </label>
  227. <label><input type="radio" name="tta_level" class="radio" value="8">
  228. <span class="r-text">
  229. 8 pass
  230. </span>
  231. </label>
  232. <label><input type="radio" name="tta_level" class="radio" value="0" checked>
  233. <span class="r-text">
  234. <%= t[:tta_best_effort] %>
  235. </span>
  236. </label>
  237. </div>
  238. <div class="option-hint">
  239. <%= t[:tta_hint] %>
  240. <a href="#" class="tta_rule">
  241. <%= t[:tta_rule] %>
  242. </a>
  243. <div style="display:none" class="tta_rule_text">
  244. <table>
  245. <tr>
  246. <td>
  247. &lt;= 452x452
  248. </td>
  249. <td>
  250. 8 pass
  251. </td>
  252. </tr>
  253. <tr>
  254. <td>
  255. &lt;= 640x640
  256. </td>
  257. <td>
  258. 4 pass
  259. </td>
  260. </tr>
  261. <tr>
  262. <td>
  263. &lt;= 905x905
  264. </td>
  265. <td>
  266. 2 pass
  267. </td>
  268. </tr>
  269. <tr>
  270. <td>
  271. else
  272. </td>
  273. <td>
  274. 1 pass
  275. </td>
  276. </tr>
  277. </table>
  278. </div>
  279. </div>
  280. </div>
  281. <% end %>
  282. <% if t[:button_convert] && !t[:button_convert].empty? %>
  283. <input type="submit" class="button" value="<%= t[:button_convert] %>">
  284. <% else %>
  285. <input type="submit" class="button">
  286. <% end %>
  287. <input type="submit" name="download" value="<%= t[:button_download]%>" class="button">
  288. <div class="bottom-hint">
  289. <ul>
  290. <% t[:hints].each do |hint| %>
  291. <li><%= hint %></li>
  292. <% end %>
  293. </ul>
  294. </div>
  295. </form>
  296. </div>
  297. <div class="bottom-info address">
  298. <a href="https://github.com/nagadomi/waifu2x" class="gray-link" target="_blank">waifu2x</a>
  299. </div>
  300. </body>
  301. </html>