From f8fa882d958d13cbc4e61f95966b931eda94c4c3 Mon Sep 17 00:00:00 2001
From: Nanxu Chen <chennanxu@hust.edu.cn>
Date: Sat, 24 Sep 2016 00:02:40 +0800
Subject: [PATCH 1/2] chennanxu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修改背景
---
 src/css/chennanxu.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/css/chennanxu.css b/src/css/chennanxu.css
index 1a4510c..4c3aa35 100644
--- a/src/css/chennanxu.css
+++ b/src/css/chennanxu.css
@@ -1,5 +1,7 @@
 body {
     background: url("../img/background.png");
+    background-size: cover;
+    background-repeat: no-repeat;
 }
 
 .ui.header {

From af827adad7de1c70fad0e1b852de44c25be69be6 Mon Sep 17 00:00:00 2001
From: Nanxu Chen <chennanxu@hust.edu.cn>
Date: Sat, 24 Sep 2016 20:19:08 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=B8=80=E4=BA=9B=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/css/chennanxu.css |  9 ++++++--
 src/login.html        | 51 +++++++++++++++++++++++--------------------
 2 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/src/css/chennanxu.css b/src/css/chennanxu.css
index 4c3aa35..290f852 100644
--- a/src/css/chennanxu.css
+++ b/src/css/chennanxu.css
@@ -25,7 +25,7 @@ body {
     position: absolute;
     top: 30%;
     width: inherit;
-    margin-left: 120px;
+    margin-left: 10%;
 }
 
 .about {
@@ -44,9 +44,14 @@ body {
 
 .button {
     position: absolute;
-    left: 47%;
+    left: 75%;
 }
 
+.sign {
+    position: absolute;
+    transform: translate(-100%, 0);
+    left: 60%;
+}
 .footer {
     position: absolute;
     top: 85%;
diff --git a/src/login.html b/src/login.html
index 95c8f21..a050317 100644
--- a/src/login.html
+++ b/src/login.html
@@ -21,36 +21,39 @@ <h2 class="subtitle">QAEngine aims to take the knowledge sharing experience to a
                 </div>
             </div>
             <div class="column">
-                <div class="ui inverted text menu">
-                    <div class="item">
-                        <a href="#">SIGN IN</a>
-                    </div>
-                    <div class="item">
-                        or
-                    </div>
-                    <div class="item">
-                        <a href="#">SIGN UP</a>
+                <div class="sign" style="width:450px;height:180px;">
+                    <div class="ui inverted text menu">
+                        <div class="item">
+                            <a href="#">SIGN IN</a>
+                        </div>
+                        <div class="item">
+                            or
+                        </div>
+                        <div class="item">
+                            <a href="#">SIGN UP</a>
+                        </div>
                     </div>
-                </div>
-                <div class="ui form">
-                    <div class="fields">
-                        <div class="field">
-                            <div class="ui icon input">
-                                <input type="email" name="user_email" / placeholder="Email" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
-                                <i class="mail outline inverted icon"></i>
+                    <div class="ui form">
+                        <div class="fields">
+                            <div class="field">
+                                <div class="ui icon input">
+                                    <input type="email" name="user_email" / placeholder="Email" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
+                                    <i class="mail outline inverted icon"></i>
+                                </div>
+                                <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Remember me</a></label>
                             </div>
-                            <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Remember me</a></label>
-                        </div>
-                        <div class="field">
-                            <div class="ui icon input">
-                                <input type="password" placeholder="Password" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
-                                <i class="key inverted icon"></i>
+                            <div class="field">
+                                <div class="ui icon input">
+                                    <input type="password" placeholder="Password" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
+                                    <i class="key inverted icon"></i>
+                                </div>
+                                <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Forget password?</a></label>
                             </div>
-                            <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Forget password?</a></label>
                         </div>
                     </div>
+                    <button type="button" name="button" class="ui inverted grey button">Sign In</button>
                 </div>
-                <button type="button" name="button" class="ui inverted grey button">Sign In</button>
+
             </div>
         </div>
     </div>