index.html.erb 6.8 KB

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