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;