diff --git a/app/static/css/login.css b/app/static/css/login.css
new file mode 100644
index 0000000..d9a030c
--- /dev/null
+++ b/app/static/css/login.css
@@ -0,0 +1,57 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:300);
+
+.login-page {
+ width: 360px;
+ padding: 8% 0 0;
+ margin: auto;
+}
+.form {
+ position: relative;
+ z-index: 1;
+ background: #FFFFFF;
+ max-width: 360px;
+ margin: 0 auto 100px;
+ padding: 20px;
+ text-align: center;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+}
+.form input {
+ font-family: "Roboto", sans-serif;
+ outline: 0;
+ background: #f2f2f2;
+ width: 100%;
+ border: 0;
+ margin: 0 0 15px;
+ padding: 12px;
+ box-sizing: border-box;
+ font-size: 14px;
+}
+.form button {
+ font-family: "Roboto", sans-serif;
+ text-transform: uppercase;
+ outline: 0;
+ background: #4CAF50;
+ width: 100%;
+ border: 0;
+ padding: 15px;
+ color: #FFFFFF;
+ font-size: 16px;
+ -webkit-transition: all 0.3 ease;
+ transition: all 0.3 ease;
+ cursor: pointer;
+}
+.form button:hover,.form button:active,.form button:focus {
+ background: #43A047;
+}
+.form .message {
+ margin: 15px 0 0;
+ color: #b3b3b3;
+ font-size: 12px;
+}
+.form .message a {
+ color: #4CAF50;
+ text-decoration: none;
+}
+.form .register-form {
+ display: none;
+}
diff --git a/app/static/css/login.css-dist b/app/static/css/login.css-dist
new file mode 100644
index 0000000..e79db51
--- /dev/null
+++ b/app/static/css/login.css-dist
@@ -0,0 +1,90 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:300);
+
+.login-page {
+ width: 360px;
+ padding: 8% 0 0;
+ margin: auto;
+}
+.form {
+ position: relative;
+ z-index: 1;
+ background: #FFFFFF;
+ max-width: 360px;
+ margin: 0 auto 100px;
+ padding: 45px;
+ text-align: center;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+}
+.form input {
+ font-family: "Roboto", sans-serif;
+ outline: 0;
+ background: #f2f2f2;
+ width: 100%;
+ border: 0;
+ margin: 0 0 15px;
+ padding: 15px;
+ box-sizing: border-box;
+ font-size: 14px;
+}
+.form button {
+ font-family: "Roboto", sans-serif;
+ text-transform: uppercase;
+ outline: 0;
+ background: #4CAF50;
+ width: 100%;
+ border: 0;
+ padding: 15px;
+ color: #FFFFFF;
+ font-size: 14px;
+ -webkit-transition: all 0.3 ease;
+ transition: all 0.3 ease;
+ cursor: pointer;
+}
+.form button:hover,.form button:active,.form button:focus {
+ background: #43A047;
+}
+.form .message {
+ margin: 15px 0 0;
+ color: #b3b3b3;
+ font-size: 12px;
+}
+.form .message a {
+ color: #4CAF50;
+ text-decoration: none;
+}
+.form .register-form {
+ display: none;
+}
+.container {
+ position: relative;
+ z-index: 1;
+ max-width: 300px;
+ margin: 0 auto;
+}
+.container:before, .container:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+.container .info {
+ margin: 50px auto;
+ text-align: center;
+}
+.container .info h1 {
+ margin: 0 0 15px;
+ padding: 0;
+ font-size: 36px;
+ font-weight: 300;
+ color: #1a1a1a;
+}
+.container .info span {
+ color: #4d4d4d;
+ font-size: 12px;
+}
+.container .info span a {
+ color: #000000;
+ text-decoration: none;
+}
+.container .info span .fa {
+ color: #EF3B3A;
+}
diff --git a/app/static/css/style.css b/app/static/css/style.css
index d81eb44..0d8d37a 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -1,3 +1,5 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:400);
+
body {
/* background: url('/static/images/purplebg.jpg') no-repeat center center fixed; */
background-size: cover;
@@ -14,6 +16,9 @@ body {
height:100%;
font-size: 16px;
/* font-weight: bold; */
+ font-family: "Roboto", sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.page_wrap {
diff --git a/app/static/images/srv.jpg b/app/static/images/srv.jpg
deleted file mode 100644
index 4eea56e..0000000
Binary files a/app/static/images/srv.jpg and /dev/null differ
diff --git a/app/static/images/srv.png b/app/static/images/srv.png
new file mode 100644
index 0000000..9c6a744
Binary files /dev/null and b/app/static/images/srv.png differ
diff --git a/app/templates/main/index.html b/app/templates/main/index.html
index 86dfd20..d1e20f4 100644
--- a/app/templates/main/index.html
+++ b/app/templates/main/index.html
@@ -6,6 +6,7 @@
{% block styles %}
{{ super() }}
+