Update index.html

chirno · Sep 6, 2015 · 4628671 · 4628671
1 parent 42d11a9
commit 4628671
Showing 1 changed file with 33 additions and 30 deletions.
diff --git a/assets/index.html b/assets/index.html
@@ -15,12 +15,14 @@
       margin-bottom: 1em;
     }
     .about {
-      font-size: 0.8em;
-      margin: 1em 0 1em 0;
+      position: relative;
+      display: inline-block;
+      font-size: 0.9em;
+      padding: 1em 5px 0.2em 0;
     }
     .help {
-      font-size: 0.8em;
-      margin: 1em 0 1em 0;
+      font-size: 0.85em;
+      margin: 1em 0 0 0;
     }
     </style>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
@@ -42,45 +44,46 @@
   <body>
     <h1>waifu2x</h1>
     <div class="header">
-      <a href="https://github.com/nagadomi/waifu2x">
-	<img style="position: absolute; top: 0; left: 540px; 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">
-      </a>
-      <a href="index.ja.html">ja</a>/<a href="index.html">en</a>
+      <div style="position:absolute; display:block; top:0; left:540px; max-height:140px;">
+        <img style="position:absolute; display:block; left:0; top:0; width:149px; height:149px; 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">
+        <a href="https://github.com/nagadomi/waifu2x" target="_blank" style="position:absolute; display:block; left:0; top:0; width:149px; height:130px;"></a>
+      </div>
+      <a href="index.html">en</a>/<a href="index.ja.html">ja</a>/<a href="index.ru.html">ru</a>
     </div>
     <div class="about">
-      <div>Single-Image Super-Resolution for anime/fan-art using Deep Convolutional Neural Networks.</div>
-      <div><a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" target="_blank">about</a>.</div>
+      <div>Single-Image Super-Resolution for anime/fan-art using Deep Convolutional Neural Networks. <a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" target="_blank">about</a>.</div>
     </div>
     <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
       <fieldset>
-	<legend>Image</legend>
-	<div>
-	  URL: <input id="url" type="text" name="url" style="width:400px"> or
-	</div>
-	<div>
-	  FILE: <input id="file" type="file" name="file">
-	</div>
-	<div class="help">
-	  Limits: Size: 2MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px
-	</div>
+        <legend>Image</legend>
+        <div>
+          URL: <input id="url" type="text" name="url" style="width:400px"> or
+        </div>
+        <div>
+          FILE: <input id="file" type="file" name="file">
+        </div>
+        <div class="help">
+          Limits: Size: 2MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px
+        </div>
       </fieldset>
       <fieldset>
-	<legend>Noise Reduction (expect JPEG Artifact)</legend>
-	<label><input type="radio" name="noise" value="0"> None</label>
-	<label><input type="radio" name="noise" value="1" checked="checked"> Low</label>
-	<label><input type="radio" name="noise" value="2"> High</label>
+        <legend>Noise Reduction (expect JPEG Artifact)</legend>
+        <label><input type="radio" name="noise" value="0"> None</label>
+        <label><input type="radio" name="noise" value="1" checked="checked"> Medium</label>
+        <label><input type="radio" name="noise" value="2"> High (not recommended)</label>
+        <div class="help">Warning! You should use noise reduction only if image really has noise because in other way it makes image looks worse. Additionally we never recommend to use high level of noise reduction, it almost always makes image worse, it makes sense for only some rare cases when image had really bad quality from the beginning.</div>
       </fieldset>
       <fieldset>
-	<legend>Upscaling</legend>
-	<label><input type="radio" name="scale" value="0" checked="checked"> None</label>
-	<label><input type="radio" name="scale" value="1"> 1.6x</label>
-	<label><input type="radio" name="scale" value="2"> 2x</label>
+        <legend>Upscaling</legend>
+        <label><input type="radio" name="scale" value="0" checked="checked"> None</label>
+        <label><input type="radio" name="scale" value="1"> 1.6x</label>
+        <label><input type="radio" name="scale" value="2"> 2x</label>
       </fieldset>
       <input type="submit"/>
     </form>
     <div class="help">
-      <ul>
-	<li>If you are using Firefox, Please press the CTRL+S key to save image. "Save Image" option doesn't work.</li>
+      <ul style="padding-left: 15px;">
+        <li>If you are using Firefox, Please press the CTRL+S key to save image. "Save Image" option doesn't work.
       </ul>
     </div>
   </body>