Replace Make Something text by the diaspora ball logo on registration page

Add ball.svg to /graphics

app/assets/stylesheets/new_styles/_registration.scss

@@ -1,29 +1,25 @@
 #registration {
-  & > .container-fluid {
+  .ball {
-   margin-top: 5%;
+    height: 633px;
+    max-width: 100%;
+    background: url("branding/ball.png") no-repeat;
+    background-size: contain;
   }
 
-  #create-something-text {
+  .v-center {
-    font-size : 100px;
+    display: table;
-    line-height : 100px;
+    height: 633px;
-  }
 
-  #diaspora-hearts {
+    .content {
-    font-size : 30px;
+      display: table-cell;
-    margin-top : 0.2em;
+      vertical-align: middle;
-    margin-bottom : 1em;
-    white-space : nowrap;
-  }
 
-  #pod-name {
+      #pod-name {
-    text-align: center;
+        text-align: center;
-    margin: 12px;
+        margin: 12px;
-    font-size : 35px;
+        font-size : 35px;
-  }
+      }
-
+    }
-  #create-something-text,
-  #diaspora-hearts {
-    font-family : Roboto-Light;
   }
 
   form {

app/views/registrations/new.haml

@@ -3,12 +3,9 @@
     .row-fluid
       .span10.offset1
         .span7.hidden-phone
-          %h1#create-something-text
+          %h1.ball
-            = t('.hey_make').html_safe
+        .span5.v-center
-          %h3#diaspora-hearts
+          .content.text-center
-            = t('.diaspora')
-        .span5
-          .text-center
             %h2#pod-name
               = AppConfig.settings.pod_name
 

config/locales/diaspora/en.yml

@@ -1041,8 +1041,6 @@ en:
       enter_username: "Pick a username (only letters, numbers, and underscores)"
       enter_password: "Enter a password (six character minimum)"
       enter_password_again: "Enter the same password as before"
-      hey_make: "HEY,<br/>MAKE<br/>SOMETHING."
-      diaspora: "<3 diaspora*"
       sign_up: "Sign up"
       email: "Email"
       username: "Username"