From 634aaa36d476d41d5f18d89a0f51d51d33af8eae Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Fri, 3 Jan 2020 16:42:43 +1100
Subject: [PATCH] update loading screens with session subtitle

---
 background.html                               | 24 ++++---------------
 index.html                                    |  7 +-----
 js/views/inbox_view.js                        |  6 +----
 password.html                                 |  7 ++----
 .../_session_theme_dark_left_pane.scss        | 21 ++++++++++++----
 test/index.html                               | 16 +++----------
 6 files changed, 28 insertions(+), 53 deletions(-)

diff --git a/background.html b/background.html
index 7323b00b3..ef6a98f2c 100644
--- a/background.html
+++ b/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'>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
-      <div class='message'>{{ message }}</div>
+        <p class='session-logo-text'>SESSION</p>
     </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'>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
+      <p class='session-logo-text'>SESSION</p>
     </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>{{ selectAContact }}</p>
+            <p class='session-logo-text'>SESSION</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'>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
-      <div class='message'></div>
-    </div>
+      <p class='session-logo-text'>SESSION</p>
   </div>
 
   <script type='text/javascript' src='js/background.js'></script>
diff --git a/index.html b/index.html
index be8d8c5a6..40f506331 100644
--- a/index.html
+++ b/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'>
-                <span class='dot'></span>
-                <span class='dot'></span>
-                <span class='dot'></span>
-              </div>
-              <div class='message'></div>
+              <p class='session-logo-text'>SESSION</p>
             </div>
         </div>
         <script type="text/javascript" src="js/index.js"></script>
diff --git a/js/views/inbox_view.js b/js/views/inbox_view.js
index 777af7523..a1f4bb1dc 100644
--- a/js/views/inbox_view.js
+++ b/js/views/inbox_view.js
@@ -66,11 +66,7 @@
   Whisper.AppLoadingScreen = Whisper.View.extend({
     templateName: 'app-loading-screen',
     className: 'app-loading-screen',
-    updateProgress(count) {
-      if (count > 0) {
-        const message = i18n('loadingMessages', count.toString());
-        this.$('.message').text(message);
-      }
+    updateProgress() {
     },
     render_attributes: {
       message: i18n('loading'),
diff --git a/password.html b/password.html
index 0b2fddcf2..6bd108c9f 100644
--- a/password.html
+++ b/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'>
-          <span class='dot'></span>
-          <span class='dot'></span>
-          <span class='dot'></span>
+        <div class='session-content-accent-text'>
+          <p class='title'>SESSION</p>
         </div>
-        <div class='message'></div>
       </div>
     </div>
     <script type='text/javascript' src='js/password_start.js'></script>
diff --git a/stylesheets/_session_theme_dark_left_pane.scss b/stylesheets/_session_theme_dark_left_pane.scss
index 7c54aa5d2..a15c0d782 100644
--- a/stylesheets/_session_theme_dark_left_pane.scss
+++ b/stylesheets/_session_theme_dark_left_pane.scss
@@ -235,12 +235,25 @@ $session-compose-margin: 20px;
   }
 }
 
-.session-logo-128 {
-  @include session-filter-color-green();
-  width: 128px;
-  height: 128px;
+.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;
 }
diff --git a/test/index.html b/test/index.html
index 4a36ee3f0..ac896af04 100644
--- a/test/index.html
+++ b/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'>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
-      <div class='message'>{{ message }}</div>
+        <p class='session-logo-text'>SESSION</p>
     </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'>
-        <span class='dot'></span>
-        <span class='dot'></span>
-        <span class='dot'></span>
-      </div>
+      <p class='session-logo-text'>SESSION</p>
     </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>{{ selectAContact }}</p>
+            <p class='session-logo-text'>SESSION</p>
           </div>
         </div>
       </div>