big bg picture

app/javascript/styles/mastodon/_custom.scss

@@ -10,30 +10,49 @@
   margin-bottom: 0.5em;
   text-align: center;
 }
-
+.page-show{
+  min-height: 100vh;
+  position: relative;
+  top: 0;
+  width: 100%;
+  background: url('../images/home.jpg') no-repeat fixed center;
+  background-size: cover;
+}
 .auth-page {
+  min-height: 100vh;
   position: absolute;
   top: 0;
   width: 100%;
-  background: url('../images/bliss/a_travers_pic_mastodon_grey.jpg')  no-repeat fixed center;
+  background: url('../images/bliss/auth_background.jpg') no-repeat fixed center;
   background-size: cover;
 
-  .form-container{
+  .form-container {
-    background: rgba(0,0,0,0.5);
+    background: rgba(0, 0, 0, 0.5);
   }
-  .logo-container{
+
+  .logo-container {
     width: 200px;
   }
-  .img-custom{
+
-    text-align:center;
+  .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;
+      display: inline-block;
+      border: solid 2px #111;
     }
   }
-  .title{
+
+  .title {
+
+    padding: 1em;
     font-size: 3em;
     margin-bottom: 0.5em;
   }

app/views/about/_login.html.haml

@@ -1,9 +1,7 @@
 = simple_form_for(new_user, url: user_session_path, namespace: 'login') do |f|
+  .before-stuff
     %h2.custom_message_heading= t('auth.login')
-  .landing__custom_img
+
-  = class: 'custom-img' do
-    =  image_tag asset_pack_path('media/images/bliss/login.jpg'), alt: @instance_presenter.site_title
-    %span.brand__tagline=t 'about.tagline'
   .fields-group
     - if use_seamless_external_login?
       = f.input :email, placeholder: t('simple_form.labels.defaults.username_or_email'), input_html: { 'aria-label' => t('simple_form.labels.defaults.username_or_email') }, hint: false

app/views/about/_registration.html.haml

@@ -1,9 +1,6 @@
 .simple_form__overlay-area{ class: (closed_registrations? && @instance_presenter.closed_registrations_message.present?) ? 'simple_form__overlay-area__blurred' : '' }
   = simple_form_for(new_user, url: user_registration_path, namespace: 'registration', html: { novalidate: false }) do |f|
-    %h3.custom_message_heading= t('auth.register')
+    %p.lead= t('about.federation_hint_html', instance: content_tag(:strong, site_hostname))
-    .landing__custom_img
-      = class: 'custom-img' do
-        =  image_tag asset_pack_path('media/images/bliss/register.jpg'), alt: @instance_presenter.site_title
 
     .fields-group
       = f.simple_fields_for :account do |account_fields|

app/views/about/show.html.haml

@@ -1,14 +1,13 @@
-- content_for :page_title do
+.page-show
+  - content_for :page_title do
     = site_hostname
 
-- content_for :header_tags do
+  - content_for :header_tags do
     %link{ rel: 'canonical', href: about_url }/
     = render partial: 'shared/og'
 
-.landing
+  .landing
-  .landing__custom_img
+
-    = link_to root_url, class: 'custom-img' do
-      =  image_tag asset_pack_path('media/images/bliss/a_travers_pic_mastodon_grey.jpg'), alt: @instance_presenter.site_title
     %span.brand__tagline=t 'about.tagline'
     .landing__brand
       = link_to root_url, class: 'brand' do

app/views/layouts/auth.html.haml

@@ -9,13 +9,15 @@
           = link_to root_path do
             = svg_logo_full
       .img-custom
+        %h2.title.is-2
+          = t('auth.login')
+
         = image_tag asset_pack_path('media/images/bliss/login.jpg'), alt: @instance_presenter.site_title
 
       .form-container
         = render 'flashes'
 
-        %h2.title.is-2
+
-          = t('auth.login')
 
         = yield
 

app/views/layouts/public.html.haml

@@ -25,7 +25,7 @@
               = link_to t('auth.login'), new_user_session_path, class: 'webapp-btn nav-link nav-button'
               = link_to t('auth.register'), available_sign_up_path, class: 'webapp-btn nav-link nav-button'
 
-    .container= yield
+    .main-container= yield
 
     .container
       .footer