diff --git a/app/fonts/taiga.eot b/app/fonts/taiga.eot
index d5427dc8..58551af8 100644
Binary files a/app/fonts/taiga.eot and b/app/fonts/taiga.eot differ
diff --git a/app/fonts/taiga.svg b/app/fonts/taiga.svg
index 737f325e..cb7399ec 100644
--- a/app/fonts/taiga.svg
+++ b/app/fonts/taiga.svg
@@ -39,4 +39,5 @@
+
diff --git a/app/fonts/taiga.ttf b/app/fonts/taiga.ttf
index fb233de5..72f77047 100644
Binary files a/app/fonts/taiga.ttf and b/app/fonts/taiga.ttf differ
diff --git a/app/fonts/taiga.woff b/app/fonts/taiga.woff
index ec34ed78..d8c023f4 100644
Binary files a/app/fonts/taiga.woff and b/app/fonts/taiga.woff differ
diff --git a/app/partials/login.jade b/app/partials/login.jade
index e560449c..ef244401 100644
--- a/app/partials/login.jade
+++ b/app/partials/login.jade
@@ -10,14 +10,11 @@ block content
div.login-container
h1.logo
img(src="/images/logo.png", alt="TAIGA")
- p.tagline Project management web application with scrum in the mind!
+ p.tagline Project management web application with scrum in mind!
p.login-error
span.title Ooops! Something went wrong!
span.text According to our Oompa Loompas, your username or password are incorrect.
a.icon.icon-delete(href="", title="Close message")
- form(ng-submit="ctrl.submit()")
- input(type="text", name="username", ng-model="form.username", placeholder="User name")
- input(type="password", name="password", ng-model="form.password")
- a.button.button-login.button-gray(href="", title="Log in") Log in
- a.button.button-signup.button-orange(href="", title="Log in") Sign up
- input(type="submit", value="I am an horrible button to be deleted. Click me to login for the moment")
+
+ include views/modules/login-form
+ include views/modules/register-form
diff --git a/app/partials/views/modules/login-form.jade b/app/partials/views/modules/login-form.jade
new file mode 100644
index 00000000..8d1eb13f
--- /dev/null
+++ b/app/partials/views/modules/login-form.jade
@@ -0,0 +1,14 @@
+div.login-form-container
+ form.login-form(ng-submit="ctrl.submit()")
+ fieldset
+ input(type="text", name="username", ng-model="form.username", placeholder="User name")
+ fieldset
+ input(type="password", name="password", ng-model="form.password")
+ fieldset
+ input.remember-me(type="checkbox", checked="checked")
+ label remember me on this computer
+ fieldset
+ a.button.button-login.button-green(href="", title="Log in") Enter
+ p.login-text
+ span Not registered yet?
+ a(href="", title="Register") create your free account here
diff --git a/app/partials/views/modules/register-form.jade b/app/partials/views/modules/register-form.jade
new file mode 100644
index 00000000..88c3e004
--- /dev/null
+++ b/app/partials/views/modules/register-form.jade
@@ -0,0 +1,15 @@
+div.register-form-container
+ form.register-form
+ fieldset
+ input(type="text" placeholder="Pick a username")
+ fieldset
+ input(type="email" placeholder="Your email")
+ fieldset
+ input(type="password" placeholder="Set a password")
+ fieldset
+ a.button.button-register.button-green(href="", title="Sign up") Sign up
+ p.register-text
+ span By clicking "Sign up", you agree to our
+ a(href="", title="See terms of service") terms of service
+ span and
+ a(href="", title="See privacy policy") privacy policy.
\ No newline at end of file
diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index 3f9392e1..e6bc31a5 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -210,3 +210,6 @@ a:visited {
.icon-floppy:before {
content: 'F';
}
+.icon-github:before {
+ content: 'G';
+}
diff --git a/app/styles/layout/login.scss b/app/styles/layout/login.scss
index 3de9d204..988d2cce 100644
--- a/app/styles/layout/login.scss
+++ b/app/styles/layout/login.scss
@@ -22,28 +22,47 @@
font-family: 'ostrichSans';
line-height: 2rem;
}
+ form {
+ margin-bottom: 2rem;
+ }
input {
background: $white;
margin-bottom: 1rem;
+ @include placeholder {
+ color: $gray-light;
+ }
+ }
+ .remember-me {
+ vertical-align: top;
+ }
+ .login-text,
+ .register-text {
+ text-align: center;
+ a:hover {
+ color: $fresh-taiga;
+ }
+ }
+ .register-text {
+ @extend %small;
}
.button-login,
- .button-signup {
+ .button-register {
color: $white;
display: block;
margin-bottom: .5rem;
text-align: center;
}
- .button-login {
- &:hover {
- background: $green-taiga;
- }
- }
+}
+
+.register-form-container {
+ display: none;
}
.login-error {
background: $red;
border-radius: 4px;
color: $white;
+ display: none;
padding: 1rem;
position: absolute;
right: 1rem;