update loading screen logo

5 years ago · 3dd175fda2
parent 76305bf52d
commit 3dd175fda2
6 changed files with 80 additions and 31 deletions
--- a/background.html
+++ b/background.html
@ -29,12 +29,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' />
-        <p class='session-logo-text'>SESSION</p>
+      <img src='images/session/full-logo.svg' class='session-full-logo' />
    </div>
  </script>

  <script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
+    <div class='content'>
+      <img src='images/session/full-logo.svg' class='session-full-logo' />
+    </div>
  </script>

  <script type='text/x-tmpl-mustache' id='two-column'>
@ -50,9 +52,7 @@
          <div class='conversation-header'></div>
          <div class='container'>
            <div class='content'>
-              <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-              <p class='session-logo-text'>SESSION</p>
-              
+              <img src='images/session/full-logo.svg' class='session-full-logo' />
            </div>
          </div>
        </div>
@ -618,6 +618,9 @@
 </head>
 <body>
  <div class='app-loading-screen'>
+    <div class='content'>
+      <img src='images/session/full-logo.svg' class='session-full-logo' />
+    </div>
  </div>

  <script type='text/javascript' src='js/background.js'></script>
--- a/images/session/full-logo.svg
+++ b/images/session/full-logo.svg
@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 766.13068 686.10931"
+   height="686.10931"
+   width="766.13068"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path16"
+         d="M 0,514.582 H 574.598 V 0 H 0 Z" /></clipPath></defs><g
+     transform="matrix(1.3333333,0,0,-1.3333333,0,686.10933)"
+     id="g10"><g
+       id="g12"><g
+         clip-path="url(#clipPath18)"
+         id="g14"><g
+           transform="translate(0.0044,25.541)"
+           id="g20"><path
+             id="path22"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 h 19.051 c -0.105,-4.92 6.176,-10.049 21.249,-10.259 14.026,-0.104 24.807,1.78 24.807,8.27 0,14.236 -63.537,-2.407 -63.537,28.995 0,14.969 15.597,24.075 38.73,24.075 23.971,0 40.3,-10.049 40.51,-25.541 H 61.653 C 61.758,30.565 56.315,35.694 41.66,35.799 28.995,36.008 19.783,34.02 19.783,27.844 c 0,-13.713 63.434,1.465 63.434,-29.205 0,-15.074 -16.644,-24.18 -41.347,-24.18 C 16.329,-25.541 -0.314,-15.388 0,0" /></g><g
+           transform="translate(94.3228,74.9472)"
+           id="g24"><path
+             id="path26"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="M 0,0 H 71.388 V -15.282 H 18.004 V -28.89 H 70.446 V -43.23 H 18.004 V -57.99 H 71.388 V -73.272 H 0 Z" /></g><g
+           transform="translate(175.7647,25.541)"
+           id="g28"><path
+             id="path30"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 h 19.051 c -0.105,-4.92 6.176,-10.049 21.249,-10.259 14.026,-0.104 24.808,1.78 24.808,8.27 0,14.236 -63.538,-2.407 -63.538,28.995 0,14.969 15.597,24.075 38.73,24.075 23.971,0 40.3,-10.049 40.51,-25.541 H 61.653 c 0.106,5.025 -5.338,10.154 -19.992,10.259 -12.666,0.209 -21.878,-1.779 -21.878,-7.955 0,-13.713 63.434,1.465 63.434,-29.205 0,-15.074 -16.644,-24.18 -41.347,-24.18 C 16.329,-25.541 -0.314,-15.388 0,0" /></g><g
+           transform="translate(265.6855,25.541)"
+           id="g32"><path
+             id="path34"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 h 19.051 c -0.105,-4.92 6.176,-10.049 21.249,-10.259 14.026,-0.104 24.807,1.78 24.807,8.27 0,14.236 -63.537,-2.407 -63.537,28.995 0,14.969 15.597,24.075 38.73,24.075 23.971,0 40.3,-10.049 40.51,-25.541 H 61.653 C 61.758,30.565 56.315,35.694 41.66,35.799 28.995,36.008 19.783,34.02 19.783,27.844 c 0,-13.713 63.434,1.465 63.434,-29.205 0,-15.074 -16.644,-24.18 -41.347,-24.18 C 16.329,-25.541 -0.314,-15.388 0,0" /></g><path
+           id="path36"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 360.004,74.947 h 18.004 V 1.675 h -18.004 z" /><g
+           transform="translate(462.3799,38.3115)"
+           id="g38"><path
+             id="path40"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="M 0,0 C 0,14.863 -10.782,23.028 -28.367,23.028 -45.849,23.028 -56.63,14.863 -56.63,0 c 0,-14.76 10.781,-23.029 28.263,-23.029 C -10.782,-23.029 0,-14.76 0,0 m -74.634,0 c 0,23.028 17.691,38.311 46.267,38.311 28.68,0 46.371,-15.283 46.371,-38.311 0,-23.029 -17.691,-38.312 -46.371,-38.312 -28.576,0 -46.267,15.283 -46.267,38.312" /></g><g
+           transform="translate(490.125,74.9472)"
+           id="g42"><path
+             id="path44"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="M 0,0 H 15.073 L 66.469,-46.58 V 0 H 84.473 V -73.272 H 69.295 l -51.291,46.58 v -46.58 H 0 Z" /></g><g
+           transform="translate(359.124,171.1215)"
+           id="g46"><path
+             id="path48"
+             style="fill:#00f782;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 h -160.41 c -27.433,0 -51.071,21.037 -52.425,48.435 -1.447,29.288 21.964,53.577 50.944,53.577 h 92.385 c 5.652,0 10.234,4.582 10.234,10.234 v 75.417 L 31.62,137.296 C 55.654,123.979 70.782,98.895 71.427,71.513 72.352,32.192 39.331,0 0,0 m -173.07,183.263 c -24.034,13.317 -39.163,38.401 -39.808,65.783 -0.924,39.32 32.096,71.513 71.427,71.513 H 18.96 c 27.432,0 51.071,-21.037 52.425,-48.435 1.446,-29.288 -21.964,-53.578 -50.945,-53.578 0,0 -66.437,-0.01 -92.387,-0.015 -5.65,-0.001 -10.212,-4.581 -10.213,-10.231 l -0.018,-75.404 z M 42.719,157.329 -26.432,195.644 H 20.44 c 40.752,0 73.911,33.155 73.911,73.907 0,40.752 -33.159,73.909 -73.911,73.909 h -163.649 c -51.054,0 -92.592,-41.538 -92.592,-92.591 0,-36.412 19.785,-69.99 51.632,-87.639 l 69.15,-38.315 h -46.872 c -40.752,0 -73.91,-33.155 -73.91,-73.907 0,-40.752 33.158,-73.91 73.91,-73.91 H 1.759 c 51.054,0 92.592,41.538 92.592,92.592 0,36.412 -19.787,69.99 -51.632,87.639" /></g></g></g></g></svg>
--- a/index.html
+++ b/index.html
@ -14,8 +14,7 @@
    <body id="signal-container" class='signal index'>
        <div class='app-loading-screen'>
            <div class='content'>
-              <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-              <p class='session-logo-text'>SESSION</p>
+                <img src='images/session/full-logo.svg' class='session-full-logo' />
            </div>
        </div>
        <script type="text/javascript" src="js/index.js"></script>
--- a/password.html
+++ b/password.html
@ -77,10 +77,7 @@
 <body>
  <div class='app-loading-screen'>
      <div class='content'>
-        <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-        <div class='session-content-accent-text'>
-          <p class='title'>SESSION</p>
-        </div>
+        <img src='images/session/full-logo.svg' class='session-full-logo' />
      </div>
    </div>
    <script type='text/javascript' src='js/password_start.js'></script>
--- a/stylesheets/_session_theme_dark_left_pane.scss
+++ b/stylesheets/_session_theme_dark_left_pane.scss
@ -243,20 +243,9 @@ $session-compose-margin: 20px;
  }
 }

-.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;
-  }
+.session-full-logo {
+  width: 250px;
+  height: 250px;
 }

 .app-loading-screen {
--- a/test/index.html
+++ b/test/index.html
@ -19,15 +19,13 @@

  <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' />
-        <p class='session-logo-text'>SESSION</p>
+      <img src='images/session/full-logo.svg' class='session-full-logo' />
    </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' />
-      <p class='session-logo-text'>SESSION</p>
+      <img src='images/session/full-logo.svg' class='session-full-logo' />
    </div>
  </script>

@ -41,8 +39,7 @@
        <div class='conversation-header'></div>
        <div class='container'>
          <div class='content'>
-            <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
-            <p class='session-logo-text'>SESSION</p>
+            <img src='images/session/full-logo.svg' class='session-full-logo' />
          </div>
        </div>
      </div>