Changing auth base page

app/javascript/styles/mastodon/basics.scss

@@ -54,10 +54,6 @@ body {
     }
   }
 
-  &.lighter {
-    background: $ui-base-color;
-  }
-
   &.with-modals {
     overflow-x: hidden;
     overflow-y: scroll;

app/javascript/styles/mastodon/containers.scss

@@ -1,7 +1,21 @@
+div#auth-bground {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: url(http://localhost:3000/packs/media/images/preview-5df98290371ead9a70bc3cd4733bbfa7.jpg);
+  z-index: -5;
+  filter: blur(50px) opacity(0.5);
+}
+
 .container-alt {
   width: 700px;
   margin: 0 auto;
   margin-top: 40px;
+  background: #ffffff4a;
+  border-radius: 1em;
+  padding-top: 4em !important;
 
   @media screen and (max-width: 740px) {
     width: 100%;
@@ -10,11 +24,7 @@
 }
 
 .logo-container {
-  margin: 100px auto 50px;
-
-  @media screen and (max-width: 500px) {
-    margin: 40px auto 0;
-  }
+  margin: 9;
 
   h1 {
     display: flex;

app/views/layouts/auth.html.haml

@@ -2,11 +2,16 @@
   = javascript_pack_tag 'public', crossorigin: 'anonymous'
 
 - content_for :content do
+  %div#auth-bground
   .container-alt
-    .logo-container
-      %h1
-        = link_to root_path do
-          = svg_logo_full
+    .logo-container{ "style" => "margin:0 !important"}
+      = link_to root_url, class: 'brand' do
+        %table.brand-img
+          %tbody
+            %tr
+              %td.img
+                %img{"src" => "/apple-touch-icon.png"}
+              %td.name='Instante'
 
     .form-container
       = render 'flashes'