Add placeholder image to signup page and change font to display font

app/javascript/styles/mastodon/containers.scss

@@ -191,6 +191,29 @@
   }
 }
 
+.originalhero {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    align-content: space-between;
+
+    svg {
+      fill: $secondary-text-color;
+      height: 200px;
+    }
+
+    h1 {
+      flex-grow: 2;
+      text-align: center;
+      white-space: nowrap;
+      font-family: $font-display, sans-serif;
+      font-size: 0.6rem;
+    }
+  }
+
 .public-layout {
   @media screen and (max-width: $no-gap-breakpoint) {
     padding-top: 48px;
@@ -410,7 +433,7 @@
             flex-grow: 2;
             text-align: center;
             white-space: nowrap;
-            font-family: $font-sans-serif, sans-serif;
+            font-family: $font-display, sans-serif;
           }
         }
 

app/views/about/show.html.haml

@@ -52,6 +52,12 @@
         - if @instance_presenter.hero.present? || @instance_presenter.thumbnail.present?
           .hero-widget__img
             = image_tag @instance_presenter.hero&.file&.url || @instance_presenter.thumbnail&.file&.url, alt: @instance_presenter.site_title
+        - else
+          %div{:class => ("originalhero")}
+            = svg_logo
+            %h1
+              = link_to root_url, class: 'brand' do
+                = site_title
 
         - if @instance_presenter.site_short_description.present?
           .hero-widget__text