diff --git a/app/partials/auth/change-password-from-recovery.jade b/app/partials/auth/change-password-from-recovery.jade index 0ab0cf39..cb1cd82c 100644 --- a/app/partials/auth/change-password-from-recovery.jade +++ b/app/partials/auth/change-password-from-recovery.jade @@ -1,10 +1,10 @@ doctype html div.wrapper - div.login-main - div.login-container - h1.logo - img.logo-svg(src="/svg/logo.svg", alt="TAIGA") - p.tagline(translate="COMMON.TAG_LINE") + div.auth + div.auth-container + div.logo-svg + include ../../svg/logo-moustache.svg + h1.logo Taiga include ../includes/modules/change-password-from-recovery-form diff --git a/app/partials/auth/forgot-password.jade b/app/partials/auth/forgot-password.jade index 22dfd2a6..34a16248 100644 --- a/app/partials/auth/forgot-password.jade +++ b/app/partials/auth/forgot-password.jade @@ -2,10 +2,10 @@ doctype html include ../includes/components/beta div.wrapper - div.login-main - div.login-container - img.logo-svg(src="/svg/logo.svg", alt="TAIGA") + div.auth + div.auth-container + div.logo-svg + include ../../svg/logo-moustache.svg h1.logo Taiga - h2.tagline(translate="COMMON.TAG_LINE_2") include ../includes/modules/forgot-form diff --git a/app/partials/auth/login.jade b/app/partials/auth/login.jade index 4cb2950d..073ceed5 100644 --- a/app/partials/auth/login.jade +++ b/app/partials/auth/login.jade @@ -4,9 +4,10 @@ div include ../includes/components/beta div.wrapper - div.login-main - div.login-container - img.logo-svg(src="/svg/logo.svg", alt="TAIGA") + div.auth + div.auth-container + div.logo-svg + include ../../svg/logo-moustache.svg h1.logo Taiga h2.tagline(translate="COMMON.TAG_LINE_2") diff --git a/app/partials/auth/register.jade b/app/partials/auth/register.jade index 1c658f36..1bf2e176 100644 --- a/app/partials/auth/register.jade +++ b/app/partials/auth/register.jade @@ -1,10 +1,10 @@ doctype html div.wrapper - div.login-main - div.login-container - img.logo-svg(src="/svg/logo.svg", alt="TAIGA") + div.auth + div.auth-container + div.logo-svg + include ../../svg/logo-moustache.svg h1.logo Taiga - h2.tagline(translate="COMMON.TAG_LINE_2") include ../includes/modules/register-form diff --git a/app/partials/user/cancel-account.jade b/app/partials/user/cancel-account.jade index 9d3043e5..32df3953 100644 --- a/app/partials/user/cancel-account.jade +++ b/app/partials/user/cancel-account.jade @@ -1,10 +1,11 @@ doctype html div.wrapper.cancel-account - div.login-main - div.login-container - h1.logo - img.logo-svg(src="/svg/logo.svg", alt="TAIGA") - p.tagline(translate="COMMON.TAG_LINE") + div.auth + div.auth-container + div.logo-svg + include ../../svg/logo-moustache.svg + h1.logo Taiga + h2.tagline(translate="COMMON.TAG_LINE") include ../includes/modules/cancel-account-form diff --git a/app/partials/user/change-email.jade b/app/partials/user/change-email.jade index 7f2ef8ab..f464d4a7 100644 --- a/app/partials/user/change-email.jade +++ b/app/partials/user/change-email.jade @@ -1,10 +1,10 @@ doctype html div.wrapper - div.login-main - div.login-container - h1.logo - img.logo-svg(src="/svg/logo.svg", alt="TAIGA") - p.tagline(translate="COMMON.TAG_LINE") + div.auth + div.auth-container + div.logo-svg + include ../../svg/logo-moustache.svg + h1.logo Taiga include ../includes/modules/change-email-form diff --git a/app/styles/layout/login.scss b/app/styles/layout/auth.scss similarity index 60% rename from app/styles/layout/login.scss rename to app/styles/layout/auth.scss index d911cf3d..66e47a71 100644 --- a/app/styles/layout/login.scss +++ b/app/styles/layout/auth.scss @@ -1,4 +1,4 @@ -.login-main { +.auth { @extend %triangled-bg; align-items: center; bottom: 0; @@ -10,10 +10,7 @@ right: 0; top: 0; z-index: 999; - fieldset { - margin-bottom: .5rem; - } - .login-container { + .auth-container { flex-basis: 400px; } .logo-svg { @@ -31,7 +28,6 @@ } .tagline { @extend %xlarge; - @extend %title; color: $white; line-height: 2rem; margin-bottom: 1rem; @@ -41,6 +37,9 @@ form { margin-bottom: 1rem; } + fieldset { + margin-bottom: .5rem; + } .login-text, .register-text { text-align: center; @@ -59,3 +58,39 @@ } } } + +.moustache { + animation-duration: 5s; + animation-iteration-count: infinite; + animation-name: moustache; + animation-timing-function: ease-in-out; + fill: rgba($primary, .9); + stroke: $primary-light; + stroke-width: 1px; + transform-origin: 50% 20%; + transition: .3s; + &:hover { + fill: rgba($primary-light, .9); + transition: .3s; + } +} +@keyframes moustache { + 0% { + transform: rotate(0); + } + 10% { + transform: rotate(-10deg); + } + 30% { + transform: rotate(0); + } + 70% { + transform: rotate(0); + } + 80% { + transform: rotate(10deg); + } + 90% { + transform: rotate(0); + } +} diff --git a/app/svg/logo-moustache.svg b/app/svg/logo-moustache.svg new file mode 100644 index 00000000..67505793 --- /dev/null +++ b/app/svg/logo-moustache.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + +