From c64aaff49960594330a290b7c9f634c8037d2a70 Mon Sep 17 00:00:00 2001 From: vitaliylag Date: Thu, 24 Dec 2015 05:09:48 +0300 Subject: [PATCH] Change design in Web Application --- assets/index.html | 109 ++++++++++++++++++++++-------------------- assets/index.ja.html | 109 ++++++++++++++++++++++-------------------- assets/index.ru.html | 111 ++++++++++++++++++++++--------------------- assets/style.css | 30 +++++++++--- 4 files changed, 196 insertions(+), 163 deletions(-) diff --git a/assets/index.html b/assets/index.html index f41e9ce..f2cf4b7 100644 --- a/assets/index.html +++ b/assets/index.html @@ -11,61 +11,66 @@ -
waifu2x
-

Single-Image Super-Resolution for Anime-Style Art using Deep Convolutional Neural Networks. And it supports photo.

-

Show full demonstration | Go to GitHub

- - -
Convert image:
- -
-
-
Image choosing:
-
- -
Or choose a file:
+
+
waifu2x
+

Single-Image Super-Resolution for Anime-Style Art using Deep Convolutional Neural Networks. And it supports photo.

+

Show full demonstration | Go to GitHub

+ + +
Convert image:
+ + +
+
Image choosing:
+
+ +
Or choose a file:
+
+
Limits: Size: 3MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px.
-
Limits: Size: 3MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px.
-
- -
-
Style:
-
- - + +
+
Style:
+
+ + +
-
- -
-
Noise Reduction:
(expect JPEG artifact)
-
- - - - + +
+
Noise Reduction:
(expect JPEG artifact)
+
+ + + + +
+
You need use noise reduction if image actually has noise or it may cause opposite effect.
-
You need use noise reduction if image actually has noise or it may cause opposite effect.
-
- -
-
Upscaling:
-
- - - + +
+
Upscaling:
+
+ + + +
-
- - - - -
If you are using Firefox, Please press the CTRL+S key to save image. "Save Image" option doesn't work.
- - + + + + +
If you are using Firefox, Please press the CTRL+S key to save image. "Save Image" option doesn't work.
+ + +
+
+ waifu2x +
diff --git a/assets/index.ja.html b/assets/index.ja.html index 9aae62f..d6dbbb1 100644 --- a/assets/index.ja.html +++ b/assets/index.ja.html @@ -11,61 +11,66 @@ -
waifu2x
-

深層畳み込みニューラルネットワークによる二次元画像のための超解像システム。 写真にも対応。

-

デモンストレーションを見ます | GitHubに行きます

- - -
画像を変換します:
- -
-
-
画像:
-
- -
ファイルを選んでください:
+
+
waifu2x
+

深層畳み込みニューラルネットワークによる二次元画像のための超解像システム。 写真にも対応。

+

デモンストレーションを見ます | GitHubに行きます

+ + +
画像を変換します:
+ + +
+
画像:
+
+ +
ファイルを選んでください:
+
+
制限: サイズ: 3MB, ノイズ除去: 2560x2560px, 拡大後: 2560x2560px
-
制限: サイズ: 3MB, ノイズ除去: 2560x2560px, 拡大後: 2560x2560px
-
- -
-
スタイル:
-
- - + +
+
スタイル:
+
+ + +
-
- -
-
ノイズ除去:
(JPEGノイズを想定)
-
- - - - + +
+
ノイズ除去:
(JPEGノイズを想定)
+
+ + + + +
+
画像はノイズがなければノイズ除去すると逆効果を引き起こす可能性があります。
-
画像はノイズがなければノイズ除去すると逆効果を引き起こす可能性があります。
-
- -
-
拡大:
-
- - - + +
+
拡大:
+
+ + + +
-
- - - - -
Firefoxの方は、右クリから画像が保存できないようなので、CTRL+SキーかALTキー後 ファイル - ページを保存 で画像を保存してください。
- - + + + + +
Firefoxの方は、右クリから画像が保存できないようなので、CTRL+SキーかALTキー後 ファイル - ページを保存 で画像を保存してください。
+ + +
+
+ waifu2x +
diff --git a/assets/index.ru.html b/assets/index.ru.html index cbdd9aa..305b674 100644 --- a/assets/index.ru.html +++ b/assets/index.ru.html @@ -11,62 +11,67 @@ -
waifu2x
-

Waifu2x позволяет увеличивать в 4 раза рисованные изображения, например аниме или арт, а также устранять шум на изображении (преимущественно артефакты сжатия JPEG).

-

Теперь также поддерживаются фотографии.

-

Посмотреть полную демонстрацию | Перейти на GitHub

- - -
Преобразовать изображение:
- -
-
-
Выбор изображения:
-
- -
Либо выберите файл:
+
+
waifu2x
+

Waifu2x позволяет увеличивать в 4 раза рисованные изображения, например аниме или арт, а также устранять шум на изображении (преимущественно артефакты сжатия JPEG).

+

Теперь также поддерживаются фотографии.

+

Посмотреть полную демонстрацию | Перейти на GitHub

+ + +
Преобразовать изображение:
+ + +
+
Выбор изображения:
+
+ +
Либо выберите файл:
+
+
Макс. размер файла — 2MB, устранение шума — макс. 2560x2560px, апскейл — 1280x1280px.
-
Макс. размер файла — 2MB, устранение шума — макс. 2560x2560px, апскейл — 1280x1280px.
-
- -
-
Тип изображения:
-
- - + +
+
Тип изображения:
+
+ + +
-
- -
-
Устранение шума:
(артефактов JPEG)
-
- - - - + +
+
Устранение шума:
(артефактов JPEG)
+
+ + + + +
+
Устранение шума нужно использовать, если на картинке действительно есть шум, иначе это даст противоположный эффект.
-
Устранение шума нужно использовать, если на картинке действительно есть шум, иначе это даст противоположный эффект.
-
- -
-
Апскейл:
(увеличение размера)
-
- - - + +
+
Апскейл:
(увеличение размера)
+
+ + + +
-
- - - - -
Если Вы используете Firefox, для сохранения изображения нажмите Ctrl+S (перетаскивание изображения и опция "Сохранить изображение" работать не будут).
- - + + + + +
Если Вы используете Firefox, для сохранения изображения нажмите Ctrl+S (перетаскивание изображения и опция "Сохранить изображение" работать не будут).
+ + +
+
+ waifu2x +
diff --git a/assets/style.css b/assets/style.css index ccf7b9c..1a22df4 100644 --- a/assets/style.css +++ b/assets/style.css @@ -4,15 +4,25 @@ a { text-decoration: none; cursor: pointer; color: inherit; } a:hover { text-dec div, span, a, input { background-repeat: no-repeat; } - body { - margin: 2em 0.5em 2em 2em; - padding: 0; - background: #fff; + width: 780px; + margin: 0 auto; + background: #f5f5f5; color: #000; font-size: 14px; font-family: Tahoma, Arial, Verdana, sans-serif, Lucida Sans; line-height: 1.5em; + text-align: center; +} + +.allPage { + display: inline-block; + width: 700px; + margin: 15px auto; + padding: 5px 25px 10px 25px; + background: #fff; + border: 1px solid #000; + text-align: left; } .mainTitle { @@ -40,7 +50,7 @@ body { } p { - max-width: 710px; + max-width: 700px; margin: 0.4em 0; } p.margin1 { margin: 0.9em 0; } @@ -58,6 +68,10 @@ p.margin1 { margin: 0.9em 0; } color: #36b; } +.grayLink { + color: #999; +} + .secondTitle { @@ -120,9 +134,13 @@ p.margin1 { margin: 0.9em 0; } } .bottomHint { - max-width: 710px; + max-width: 700px; margin: 0.85em 0; color: #999; font-size: 0.85em; line-height: 1.5em; } + +.bottomInfo { + text-align: center; +}