index.html.erb 6.8 KB

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