From 8e49f47b5abbf5214cd12043fe1c2b4452eda198 Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Fri, 27 Feb 2015 18:51:35 -0300
Subject: Using an actual svg (coded) in place of the .svg file for the logo.

---
 web-ui/app/index.html        | 23 ++++++++++++++++++++++-
 web-ui/app/scss/_colors.scss |  3 +++
 web-ui/app/scss/styles.scss  | 10 +++++++---
 3 files changed, 32 insertions(+), 4 deletions(-)

(limited to 'web-ui/app')

diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 79d7be69..395be98d 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -21,7 +21,28 @@
   <div class="inner-wrap">
     <section id="left-pane" class="left-off-canvas-menu">
       <a class="left-off-canvas-logo" href="#">
-        <img id="pixelated-logo" src="/assets/images/pixelated-logo-orange.svg" alt="Pixelated">
+        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="30.4 316.8 555.2 155.2" enable-background="new 30.4 316.8 555.2 155.2" xml:space="preserve">
+          <g>
+            <path fill="#3E3B38" d="M30.4,355.5v77.8L98.9,472l68.5-38.7v-77.8l-68.5-38.7L30.4,355.5z M96,443.9l-39.9-22v-47.7L96,396.9
+              V443.9z M141.2,421.8l-39.4,22v-47l39.4-23C141.2,373.8,141.2,421.8,141.2,421.8z M141.2,367.5l-42.4,25.2l-42.8-25.2l42.8-23
+              L141.2,367.5z"/>
+            <path fill="#3E3B38" d="M214.9,363.1h-21.8v64.6h14.7v-24h7.1c12.7,0,22-7.3,22-20.8C237,369.7,227.4,363.1,214.9,363.1z M212,392
+              h-4.2v-17.1h4.2c5.9,0,11.3,2,11.3,8.6S217.9,392,212,392z"/>
+            <rect x="241.9" y="363.1" fill="#3E3B38" width="14.7" height="64.6"/>
+            <polygon fill="#3E3B38" points="320.7,363.1 302.3,363.1 290.3,380.7 278.3,363.1 261,363.1 281.3,392.9 259.2,427.7 277.6,427.7 
+              290.3,405.7 303.1,427.7 322.2,427.7 299.4,392.9   "/>
+            <polygon fill="#3E3B38" points="324.6,427.7 361.6,427.7 361.6,414.7 339.3,414.7 339.3,401.8 360.6,401.8 360.6,388.8 
+              339.3,388.8 339.3,376 361.6,376 361.6,363.1 324.6,363.1   "/>
+            <path fill="#3E3B38" d="M416.6,363.1l-20.8,51.7h-14.4v-51.7h-14.7v64.6h24h13h2.9l4.9-13H436l4.9,13h15.9l-26.2-64.6H416.6z
+               M416.2,401.8l7.1-18.8h0.2l7.1,18.8H416.2z"/>
+            <polygon fill="#3E3B38" points="444.1,376 459.5,376 459.5,427.7 474.2,427.7 474.2,376 489.6,376 489.6,363.1 444.1,363.1   "/>
+            <polygon fill="#3E3B38" points="494.5,427.7 531.5,427.7 531.5,414.7 509.4,414.7 509.4,401.8 530.7,401.8 530.7,388.8 
+              509.4,388.8 509.4,376 531.5,376 531.5,363.1 494.5,363.1   "/>
+            <path fill="#3E3B38" d="M553,363.1h-16.2v64.6H553c17.9,0,32.6-13.5,32.6-32.3C585.6,376.5,570.6,363.1,553,363.1z M553.5,414.5
+              h-2.2v-38.2h2.2c11,0,18.4,8.3,18.4,19.1C571.9,406.2,564.5,414.5,553.5,414.5z"/>
+          </g>
+        </svg>
       </a>
       <a class="side-nav-toggle side-nav-toggle-icon" href="#">
         <i class="toggle fa fa-navicon"></i>
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index bfa0ca95..23263e2e 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -7,6 +7,9 @@ $action_buttons: #3dabc4;
 /* Primary Highlight*/
 $primary_highlight: #FF9C00;
 
+/* Logo color*/
+$logo_color: #FF9C00;
+
 /* Unread count dialog bubble background color */
 $secondary_callout: darken($primary_highlight, 5);
 
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 7ce13d39..a30c8010 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -1,3 +1,4 @@
+
 @import "compass/css3";
 @import "colors";
 @import "mixins";
@@ -540,10 +541,13 @@ button {
 }
 
 .left-off-canvas-logo {
-  img {
-    padding: 9px 6px 6px 6px;
+  svg {
     width: 163px;
-    height: 59px;
+    height: 56px;
+    padding-left: 5px;
+    path, polygon, rect {
+      fill: $logo_color;
+    }
   }
 }
 
-- 
cgit v1.2.3