#239 Adding full logo and styling it

4 files changed, 31 insertions, 12 deletions

diff --git a/web-ui/app/images/pixelated-logo-orange.svg b/web-ui/app/images/pixelated-logo-orange.svg
new file mode 100644
index 00000000..7b141531
--- /dev/null
+++ b/web-ui/app/images/pixelated-logo-orange.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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="-50 325.561 509.707 142.439" enable-background="new -50 325.561 509.707 142.439" xml:space="preserve">
+<g>
+	<path fill="#F9A731" d="M-50,361.03v71.365L12.837,468l62.833-35.605V361.03l-62.857-35.469L-50,361.03z M10.262,442.178
+		l-36.527-20.285v-43.872l36.586,20.999L10.262,442.178z M51.936,421.893l-36.148,20.285l0.067-43.123l36.081-21.034V421.893z
+		 M51.936,372.001l-38.985,23.113l-39.218-23.113l39.218-21.131L51.936,372.001z"/>
+	<path fill="#F9A731" d="M119.505,367.893H99.537v59.328h13.52v-22.005h6.448c11.579,0,20.279-6.832,20.279-19.056
+		C139.784,373.863,131.084,367.893,119.505,367.893z M116.866,394.429h-3.809v-15.75h3.809c5.323,0,10.357,1.798,10.357,7.91
+		C127.224,392.631,122.189,394.429,116.866,394.429z"/>
+	<rect x="144.309" y="367.893" fill="#F9A731" width="13.52" height="59.328"/>
+	<polygon fill="#F9A731" points="216.516,367.893 199.689,367.893 188.759,384.075 177.827,367.893 161.721,367.893 
+		180.417,395.291 160.228,427.221 176.982,427.221 188.759,407.014 200.534,427.221 218.01,427.221 197.099,395.291 	"/>
+	<polygon fill="#F9A731" points="220.128,427.221 254.069,427.221 254.069,415.356 233.647,415.356 233.647,403.418 
+		253.207,403.418 253.207,391.552 233.647,391.552 233.647,379.76 254.069,379.76 254.069,367.893 220.128,367.893 	"/>
+	<path fill="#F9A731" d="M304.807,367.893l-19.156,47.463H272.33v-47.463h-13.52v59.328h22.053h11.888h2.636l4.386-11.865h22.578
+		l4.391,11.865h14.524l-23.944-59.328C317.322,367.893,304.807,367.893,304.807,367.893z M304.377,403.489l6.614-17.257h0.145
+		l6.615,17.257H304.377z"/>
+	<polygon fill="#F9A731" points="329.939,379.76 344.073,379.76 344.073,427.221 357.592,427.221 357.592,379.76 371.687,379.76 
+		371.687,367.893 329.939,367.893 	"/>
+	<polygon fill="#F9A731" points="376.265,427.221 410.207,427.221 410.207,415.356 389.785,415.356 389.785,403.418 
+		409.344,403.418 409.344,391.552 389.785,391.552 389.785,379.76 410.207,379.76 410.207,367.893 376.265,367.893 	"/>
+	<path fill="#F9A731" d="M429.792,367.893h-14.94v59.328h14.94c16.324,0,29.914-12.37,29.914-29.699
+		C459.707,380.262,446.044,367.893,429.792,367.893z M430.457,415.138h-2.084v-35.163h2.084c10.067,0,16.9,7.695,16.9,17.619
+		C447.285,407.516,440.455,415.138,430.457,415.138z"/>
+</g>
+</svg>
diff --git a/web-ui/app/images/pixelated-logo_symbol_orange.svg b/web-ui/app/images/pixelated-logo_symbol_orange.svg
deleted file mode 100644
index df48c83b..00000000
--- a/web-ui/app/images/pixelated-logo_symbol_orange.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<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"
-	 width="55.918px" height="63.38px" viewBox="0 0 55.918 63.38" enable-background="new 0 0 55.918 63.38" xml:space="preserve">
-<path fill="#F9A731" d="M0,15.782v31.755L27.96,63.38l27.958-15.843V15.782L27.949,0L0,15.782z M26.814,51.89l-16.254-9.025V23.343
-	l16.279,9.344L26.814,51.89z M45.357,42.864L29.272,51.89l0.03-19.188l16.055-9.359V42.864z M45.357,20.664L28.011,30.948
-	l-17.45-10.284l17.45-9.402L45.357,20.664z"/>
-</svg>
diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 04581bf0..b4fc999b 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -21,7 +21,7 @@
   <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_symbol_orange.png" alt="Pixelated">
+        <img id="pixelated-logo" src="/assets/images/pixelated-logo-orange.svg" alt="Pixelated">
       </a>
       <a class="fake-left-off-canvas-toggle" href="#">
         <i class=" toggle fa fa-navicon"></i>
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 58dde962..41d78d3b 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -478,8 +478,8 @@ button {
 
 .left-off-canvas-logo {
   img {
-    padding: 4px 0 0 4px;
-    width: 36px;
+    padding: 9px 6px 6px 6px;
+    width: 163px;
   }
 }