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 {
width: 100%;
height: 100vh;
opacity: 0.15;
filter: alpha(opacity=15);
background: url('~flavours/glitch/images/bliss/home2.jpg');
background-position: center;
background-position: right;
background-repeat: no-repeat;
left: 0;
top: 0;
margin: 0 auto;
overflow: hidden;
position: fixed;
z-index: -1;
}
.container-alt {
z-index: 10;
margin: auto;
float:left;
}
.dismissable-banner {
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>
<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>
{canInvite && (
<>

View File

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