style on homepage bliss

This commit is contained in:
Tykayn 2022-03-29 11:38:56 +02:00 committed by tykayn
parent 7bac99c844
commit 8dc4088c88
8 changed files with 109 additions and 81 deletions

View File

@ -906,3 +906,105 @@ $small-breakpoint: 960px;
color: $primary-text-color;
}
}
.custom-img img {
width: 100%;
max-width: 50vw;
display: block;
margin: 0 auto;
}
.custom_message_heading {
font-size: 2em;
margin-bottom: 0.5em;
text-align: center;
}
.landing,
.page-show{
height: 50vh;
min-height: 50vh;
position: relative;
top: 0;
width: 100%;
background: url('~flavours/glitch/images/bliss/home2.jpg') no-repeat fixed center;
//background: url('~flavours/glitch/images/wave-drawer.png') no-repeat fixed center;
background-size: cover;
}
// landing
h1.main_brand_title{
margin: 2rem auto !important;
font-size: 5rem !important;
text-shadow: 0 0 1rem #ccc;
}
.auth-page {
min-height: 100vh;
position: absolute;
top: 0;
width: 100%;
background: url('~flavours/glitch/images/bliss/auth_background.jpg') no-repeat fixed center;
//background: url('~flavours/glitch/images/wave-drawer.png') no-repeat fixed center;
background-size: cover;
.form-container {
background: rgba(0, 0, 0, 0.5);
}
.logo-container {
width: 200px;
}
.img-custom {
text-align: center;
width: 440px;
background: rgba(0, 0, 0, 0.5);
margin: 0 auto;
display: block;
img {
width: 400px;
max-width: 90vw;
margin: 1em auto;
display: inline-block;
border: solid 2px #111;
}
}
.title {
padding: 1em;
font-size: 3em;
margin-bottom: 0.5em;
}
}
// landing
h1.main_brand_title{
text-shadow: 0 0 1rem #ccc;
text-align: center;
position: absolute;
top: 2rem;
height: 0;
background: transparent;
z-index: 10;
width: 100%;
}
.getting-started__footer {
a {
margin-right: 1ch;
display: inline-block;
.fa {
margin-right: 1ch;
}
}
}
.main-container{
min-height: 1200px;
}
.container-footer{
margin: 1rem auto;
max-width: 900px;
}

View File

@ -1,5 +1,6 @@
.public-layout {
.footer {
position:static;
text-align: left;
padding-top: 20px;
padding-bottom: 60px;

View File

@ -1 +1,2 @@
@import 'flavours/glitch/styles/mastodon-light';

View File

@ -27,10 +27,5 @@
@import 'mastodon/dashboard';
@import 'mastodon/rtl';
@import 'mastodon/accessibility';
@import 'custom';
// landing
h1.main_brand_title{
margin: 2rem auto !important;
font-size: 5rem !important;
text-shadow: 0 0 1rem #ccc;
}

View File

@ -1,71 +0,0 @@
.custom-img img {
width: 100%;
max-width: 50vw;
display: block;
margin: 0 auto;
}
.custom_message_heading {
font-size: 2em;
margin-bottom: 0.5em;
text-align: center;
}
.page-show{
height: 50vh;
min-height: 50vh;
position: relative;
top: 0;
width: 100%;
//background: url('~flavours/glitch/bliss/images/home.jpg') no-repeat fixed center;
background: url('~flavours/glitch/images/wave-drawer.png') no-repeat fixed center;
background-size: cover;
// landing
h1.main_brand_title{
margin: 2rem auto !important;
font-size: 5rem !important;
text-shadow: 0 0 1rem #ccc;
}
}
.auth-page {
min-height: 100vh;
position: absolute;
top: 0;
width: 100%;
//background: url('~flavours/glitch/bliss/images/auth_background.jpg') no-repeat fixed center;
background: url('~flavours/glitch/images/wave-drawer.png') no-repeat fixed center;
background-size: cover;
.form-container {
background: rgba(0, 0, 0, 0.5);
}
.logo-container {
width: 200px;
}
.img-custom {
text-align: center;
width: 440px;
background: rgba(0, 0, 0, 0.5);
margin: 0 auto;
display: block;
img {
width: 400px;
max-width: 90vw;
margin: 1em auto;
display: inline-block;
border: solid 2px #111;
}
}
.title {
padding: 1em;
font-size: 3em;
margin-bottom: 0.5em;
}
}

View File

@ -1443,7 +1443,7 @@ body.admin {
color: black;
padding-top:24px;
flex-direction:column;
overflow:hidden;
overflow:auto;
}
@media screen and (max-width: 1120px) {

View File

@ -5,8 +5,8 @@
- content_for :header_tags do
%link{ rel: 'canonical', href: about_url }/
= render partial: 'shared/og'
.homepage-welcome_container
%h1.main_brand_title= 'Mastodon Bliss'
%span.brand__tagline=t 'about.tagline'
.landing
.landing__brand

View File

@ -26,7 +26,7 @@
.main-container= yield
.container
.container-footer
.footer
.grid
.column-0