[Backport] Movember logo! ( ￣┏＿┓￣)
Xavier Julián
David Barragán Merino
parent
e7f344d274
commit
d92c43ffcb
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<svg viewBox="0 0 267.204 267.245" preserveAspectRatio="none" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M228.256 39.167l-11.755 82.74-82.74 11.756 11.756-82.74z" fill="#a295ae" opacity=".8"/>
|
||||
<path d="M39.19 228.134l11.755-82.74 82.74-11.756-11.755 82.74z" fill="#5d6f6d" opacity=".8"/>
|
||||
<path d="M39.19 39.277l82.74 11.755 11.756 82.74-82.74-11.755z" fill="#8cd592" opacity=".8"/>
|
||||
<path d="M228.16 228.144l-82.74-11.755-11.756-82.742 82.74 11.756z" fill="#665e74" opacity=".8"/>
|
||||
<path d="M133.738 267.245l-50.194-66.82 50.194-66.817 50.194 66.818z" fill="#3c3647" opacity=".8"/>
|
||||
<path d="M267.204 133.48l-66.82 50.195-66.817-50.194 66.818-50.193z" fill="#837193" opacity=".8"/>
|
||||
<path d="M133.616 0l50.194 66.82-50.194 66.817L83.422 66.82z" fill="#a2f4ac" opacity=".8"/>
|
||||
<path d="M0 133.706l66.82-50.194 66.817 50.194L66.82 183.9z" fill="#7ea685" opacity=".8"/>
|
||||
<path d="M133.602 101.85l31.772 31.772-31.772 31.772-31.772-31.772z" fill="#3c3647"/>
|
||||
<a xlink:href="https://es.movember.com/team/1948045" target="_blank">
|
||||
<path class="moustache"
|
||||
d="M234.8854 159.9654c-3.5818-.9303-9.081 13.3486-21.9988 13.3486-16.5907 0-24.3975-28.6024-50.324-28.6024-20.569 0-26.8328 16.3965-28.194 16.3965-1.361 0-7.6268-16.3964-28.1917-16.3964-25.9226 0-33.7336 28.6024-50.3263 28.6024-12.9177 0-18.413-14.279-21.9948-13.3486-3.3493.8717 6.1726 49.4383 51.5497 49.4383 29.4417 0 46.7483-23.4227 48.963-23.4227 2.2187 0 19.5233 23.4227 48.965 23.4227 45.379.002 54.899-48.5666 51.5518-49.4383z"/>
|
||||
</a>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
Loading…
Reference in New Issue