add logo and position on login

This commit is contained in:
Tykayn 2022-11-15 19:27:56 +01:00 committed by tykayn
parent 490f9a14ac
commit b6c35636c1
4 changed files with 64 additions and 25 deletions

Binary file not shown.

View File

@ -1,19 +1,45 @@
.auth-land {
.login-instance-name {
font-size: 3rem;
text-align: center;
margin-top: 1.5rem;
background: url('~flavours/glitch/images/bliss/home.jpg');
background-repeat: no-repeat;
background-position: center bottom;
background-repeat: no-repeat;
height: 5rem;
background-size: 3.5rem;
}
.auth-container-bg-img { .auth-container-bg-img {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
opacity: 0.15; opacity: 0.15;
filter: alpha(opacity=15); filter: alpha(opacity=15);
background: url('~flavours/glitch/images/bliss/home2.jpg'); background: url('~flavours/glitch/images/bliss/home2.jpg');
background-position: center; background-position: right;
background-repeat: no-repeat; background-repeat: no-repeat;
left: 0; left: 0;
top: 0; top: 0;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
z-index: -1;
} }
.container-alt {
z-index: 10;
margin: auto;
float:left;
}
.dismissable-banner { .dismissable-banner {
background: $base-overlay-background; background: $base-overlay-background;
} }
.mention.status-link {
background: $base-overlay-background;
border-radius: 100%;
}
}

View File

@ -57,6 +57,15 @@ class LinkFooter extends React.PureComponent {
<p> <p>
<strong>{domain}</strong>: <strong>{domain}</strong>:
{' '} {' '}
<a href='https://www.cipherbliss.com'>
<i className='fa fa-world' />Cipherbliss.com</a >
<a href='https://mastodon.cipherbliss.com/@tykayn'>
<i className='fa fa-paper-plane' />
contactez l'admin
</a >
<a href='https://liberapay.com/cipherbliss'>
<i className='fa fa-coffee' /> Supportez
Cipherbliss</a >
<Link key='about' to='/about'><FormattedMessage id='footer.about' defaultMessage='About' /></Link> <Link key='about' to='/about'><FormattedMessage id='footer.about' defaultMessage='About' /></Link>
{canInvite && ( {canInvite && (
<> <>

View File

@ -1,14 +1,18 @@
- content_for :content do - content_for :content do
.auth-container-bg-img .auth-land
.container-alt .container-alt
.logo-container .logo-container
%h1 %h1
= link_to root_path do = link_to root_path do
= logo_as_symbol(:wordmark) = logo_as_symbol(:wordmark)
.login-instance-name
CipherBliss
.form-container .form-container
= render 'flashes' = render 'flashes'
= yield = yield
.auth-container-bg-img
= render template: 'layouts/application' = render template: 'layouts/application'