update loading screens with session subtitle

background.html

@@ -30,23 +30,14 @@
   <script type='text/x-tmpl-mustache' id='app-loading-screen'>
     <div class='content'>
       <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-      <div class='container'>
+        <p class='session-logo-text'>SESSION</p>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
-      <div class='message'>{{ message }}</div>
     </div>
   </script>
 
   <script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
     <div class='content'>
       <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-      <div class='container'>
+      <p class='session-logo-text'>SESSION</p>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
     </div>
   </script>
 
@@ -63,8 +54,7 @@
         <div class='container'>
           <div class='content'>
             <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-            <h3>{{ welcomeToSignal }}</h3>
+            <p class='session-logo-text'>SESSION</p>
-            <p>{{ selectAContact }}</p>
           </div>
         </div>
       </div>
@@ -738,13 +728,7 @@
   <div class='app-loading-screen'>
     <div class='content'>
       <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-      <div class='container'>
+      <p class='session-logo-text'>SESSION</p>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
-      <div class='message'></div>
-    </div>
   </div>
 
   <script type='text/javascript' src='js/background.js'></script>

index.html

@@ -15,12 +15,7 @@
         <div class='app-loading-screen'>
             <div class='content'>
               <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-              <div class='container'>
+              <p class='session-logo-text'>SESSION</p>
-                <span class='dot'></span>
-                <span class='dot'></span>
-                <span class='dot'></span>
-              </div>
-              <div class='message'></div>
             </div>
         </div>
         <script type="text/javascript" src="js/index.js"></script>

js/views/inbox_view.js

@@ -66,11 +66,7 @@
   Whisper.AppLoadingScreen = Whisper.View.extend({
     templateName: 'app-loading-screen',
     className: 'app-loading-screen',
-    updateProgress(count) {
+    updateProgress() {
-      if (count > 0) {
-        const message = i18n('loadingMessages', count.toString());
-        this.$('.message').text(message);
-      }
     },
     render_attributes: {
       message: i18n('loading'),

password.html

@@ -78,12 +78,9 @@
   <div class='app-loading-screen'>
       <div class='content'>
         <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-        <div class='container'>
+        <div class='session-content-accent-text'>
-          <span class='dot'></span>
+          <p class='title'>SESSION</p>
-          <span class='dot'></span>
-          <span class='dot'></span>
         </div>
-        <div class='message'></div>
       </div>
     </div>
     <script type='text/javascript' src='js/password_start.js'></script>

stylesheets/_session_theme_dark_left_pane.scss

@@ -235,12 +235,25 @@ $session-compose-margin: 20px;
   }
 }
 
-.session-logo-128 {
+.session-logo{
+
+  &-128 {
     @include session-filter-color-green();
     width: 128px;
     height: 128px;
   }
 
+  &-text {
+    font-size: 70px;
+    font-weight: bold;
+    margin:0px;
+    color: $session-color-white;
+    font-family: $session-font-family;
+  }
+}
+
+
+
 .app-loading-screen {
   @include session-dark-background;
 }

test/index.html

@@ -20,23 +20,14 @@
   <script type='text/x-tmpl-mustache' id='app-loading-screen'>
     <div class='content'>
         <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-        <div class='container'>
+        <p class='session-logo-text'>SESSION</p>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
-      <div class='message'>{{ message }}</div>
     </div>
   </script>
 
   <script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
     <div class='content'>
       <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-            <div class='container'>
+      <p class='session-logo-text'>SESSION</p>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
     </div>
   </script>
 
@@ -51,8 +42,7 @@
         <div class='container'>
           <div class='content'>
             <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-            <h3>{{ welcomeToSignal }}</h3>
+            <p class='session-logo-text'>SESSION</p>
-            <p>{{ selectAContact }}</p>
           </div>
         </div>
       </div>