diff --git a/app/images/logo-optimized.svg b/app/images/logo-optimized.svg
new file mode 100644
index 00000000..563da6aa
--- /dev/null
+++ b/app/images/logo-optimized.svg
@@ -0,0 +1,48 @@
+
diff --git a/app/images/logo.svg b/app/images/logo.svg
new file mode 100644
index 00000000..cc0be845
--- /dev/null
+++ b/app/images/logo.svg
@@ -0,0 +1,147 @@
+
+
+
+
diff --git a/app/partials/login.jade b/app/partials/login.jade
index 925415cf..1630393b 100644
--- a/app/partials/login.jade
+++ b/app/partials/login.jade
@@ -7,8 +7,9 @@ block content
div.wrapper
div.login-main
div.login-container
- h1.logo
+ object.logo-svg(type="image/svg+xml", data="/images/logo-optimized.svg")
img(src="/images/logo.png", alt="TAIGA")
- p.tagline Your agile, free, and open source project management tool
+ h1.logo Taiga
+ h2.tagline ENJOY YOUR PROJECT,FINALLY
include views/modules/login-form
diff --git a/app/styles/layout/login.scss b/app/styles/layout/login.scss
index 29475f83..b7101131 100644
--- a/app/styles/layout/login.scss
+++ b/app/styles/layout/login.scss
@@ -14,17 +14,23 @@
top: 0;
z-index: 999;
fieldset {
- margin-bottom: 1rem;
+ margin-bottom: .5rem;
}
.login-container {
@include flex-basis(400px);
}
+ .logo-svg {
+ padding: 0 30%;
+ text-align: center;
+ width: 100%;
+ }
.logo {
+ @extend %xxlarge;
+ @extend %title;
+ color: $white;
margin-bottom: 1rem;
text-align: center;
- img {
- padding: 0 30%;
- }
+
}
.tagline {
@extend %xlarge;
@@ -36,7 +42,7 @@
text-transform: uppercase;
}
form {
- margin-bottom: 2rem;
+ margin-bottom: 1rem;
}
input {
background: $white;