From 59115b777923a99a71c289837e32a229b94f1e58 Mon Sep 17 00:00:00 2001
From: Justine Arreche <justinearreche@gmail.com>
Date: Mon, 22 Dec 2014 16:47:55 +0100
Subject: [PATCH] ch-ch-changes on topbar

---
 assets/images/ui/logo.svg                    | 50 +++++++++++---------
 assets/images/ui/travis-logo.svg             | 28 +++++++++++
 assets/scripts/app/templates/layouts/top.hbs |  4 +-
 assets/styles/top.sass                       | 23 ++++-----
 4 files changed, 71 insertions(+), 34 deletions(-)
 create mode 100644 assets/images/ui/travis-logo.svg

diff --git a/assets/images/ui/logo.svg b/assets/images/ui/logo.svg
index a7fb07b6..47b7e4c9 100644
--- a/assets/images/ui/logo.svg
+++ b/assets/images/ui/logo.svg
@@ -1,22 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="60" width="144">
-<defs>
-<linearGradient id="linearGradient3833" y2="57.5" gradientUnits="userSpaceOnUse" x2="2.5" y1="2.5" x1="2.5">
-<stop stop-color="#d8432f" offset="0"/>
-<stop stop-color="#c52127" offset="1"/>
-</linearGradient>
-</defs>
-<g>
-<rect fill-rule="evenodd" ry="4.2857" height="60" width="60" y="-5.107E-15" x="0" fill="url(#linearGradient3833)"/>
-<g transform="scale(0.95913394,1.0426072)" fill="#FFF">
-<path d="m80.393,26.946c-0.33195-0.19272-0.696-0.33192-1.0922-0.4176-0.38548-0.09635-0.81379-0.14454-1.2849-0.14455-1.6704,0.000015-2.9553,0.5461-3.8547,1.6383-0.88874,1.0815-1.3331,2.6394-1.3331,4.6739v9.4762h-2.9714v-17.989h2.9714v2.7947c0.62103-1.0922,1.4295-1.9006,2.4253-2.4253,0.99579-0.53536,2.2057-0.80305,3.6299-0.80307,0.20343,0.000018,0.42829,0.01608,0.67458,0.04818,0.24626,0.02143,0.5193,0.05891,0.81913,0.11243l0.01606,3.0356"/>
-<path d="m91.7,33.13c-2.3878,0.000009-4.0421,0.27305-4.963,0.81913-0.92086,0.54609-1.3813,1.4777-1.3813,2.7947-0.000005,1.0493,0.34264,1.8845,1.0279,2.5056,0.69598,0.61033,1.6382,0.9155,2.8268,0.9155,1.6382,0.000002,2.9499-0.57821,3.935-1.7346,0.99579-1.1671,1.4937-2.7144,1.4937-4.6417v-0.65852h-2.9392m5.8945-1.2207,0,10.263-2.9553,0,0-2.7304c-0.67459,1.0922-1.5151,1.9006-2.5216,2.4253-1.0065,0.51396-2.2379,0.77094-3.6941,0.77094-1.8417,0-3.3086-0.51396-4.4008-1.5419-1.0815-1.0386-1.6222-2.4253-1.6222-4.1599-0.000002-2.0237,0.67457-3.5496,2.0237-4.5775,1.3599-1.0279,3.3836-1.5419,6.0712-1.5419h4.1438v-0.2891c-0.000014-1.3598-0.44973-2.4092-1.3492-3.148-0.88874-0.74951-2.1415-1.1243-3.7584-1.1243-1.0279,0.000016-2.0291,0.12315-3.0035,0.36941-0.97439,0.24629-1.9113,0.6157-2.8107,1.1082v-2.7304c1.0815-0.41758,2.1308-0.7281,3.148-0.93156,1.0172-0.21413,2.0077-0.32121,2.9714-0.32123,2.6019,0.000018,4.5453,0.67459,5.8303,2.0237,1.2849,1.3492,1.9273,3.3943,1.9274,6.1354"/>
-<path d="m99.493,24.183,3.132,0,5.6215,15.098,5.6215-15.098,3.132,0-6.7458,17.989-4.0153,0-6.7458-17.989"/>
-<path d="m119.2,24.183,2.9553,0,0,17.989-2.9553,0,0-17.989m0-7.0027,2.9553,0,0,3.7423-2.9553,0,0-3.7423"/>
-<path id="path3007" style="" d="m138.99,24.713,0,2.7947c-0.83521-0.42829-1.7025-0.74951-2.6019-0.96368-0.89945-0.21414-1.831-0.32121-2.7947-0.32123-1.4669,0.000016-2.5698,0.22488-3.3086,0.67458-0.72812,0.44973-1.0922,1.1243-1.0922,2.0237,0,0.6853,0.26233,1.226,0.78701,1.6222,0.52466,0.38548,1.5794,0.7549,3.1641,1.1082l1.0119,0.22486c2.0987,0.44973,3.587,1.0868,4.465,1.9113,0.88872,0.81378,1.3331,1.9541,1.3331,3.4211-0.00002,1.6704-0.66389,2.9928-1.9916,3.9672-1.317,0.97439-3.132,1.4616-5.4448,1.4616-0.96369,0-1.9702-0.09637-3.0195-0.2891-1.0386-0.18203-2.1362-0.46042-3.2926-0.83519v-3.0517c1.0922,0.5675,2.1683,0.99581,3.2283,1.2849,1.06,0.2784,2.1094,0.4176,3.148,0.4176,1.392,0.000002,2.4627-0.23556,3.2123-0.7067,0.74951-0.48184,1.1243-1.1564,1.1243-2.0237-0.00001-0.80306-0.27305-1.4187-0.81913-1.8471-0.53539-0.4283-1.7186-0.84054-3.5496-1.2367l-1.0279-0.24092c-1.831-0.38546-3.1534-0.97438-3.9672-1.7667-0.81377-0.80306-1.2207-1.9006-1.2207-3.2926,0-1.6918,0.59962-2.9981,1.7989-3.919,1.1992-0.92083,2.9018-1.3813,5.1075-1.3813,1.0922,0.000018,2.1201,0.08032,3.0838,0.24092,0.96367,0.16063,1.8524,0.40155,2.6662,0.72276"/>
-</g>
-<g fill-opacity="0" transform="scale(0.99840307,1.0015995)" stroke="#FFF" stroke-miterlimit="4" stroke-width="2">
-<path id="path3813" stroke="#FFF" d="m21.534,42.931,4.0064,0,0-26.458-6.0096,0-0.000003,4.992-9.0144,0,0-12.979,39.062,0,0,12.979-8.5136,0,0-4.992-6.5104,0,0,26.458,4.0064,0-0.12915,8.2752-16.898,0.21121z"/>
-</g>
-</g>
-</svg>
-
+<?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="75px" height="18px" viewBox="0 0 75 18" enable-background="new 0 0 75 18" xml:space="preserve">
+<g>
+	<path fill="#E9E9E9" d="M5.482,4.413H1.313V2.251h10.873v2.161H8.041v12.263H5.482V4.413z"/>
+	<path fill="#E9E9E9" d="M11.958,5.846h2.095l0.177,1.918h0.089c0.771-1.41,1.918-2.183,3.065-2.183c0.551,0,0.903,0.066,1.234,0.22
+		l-0.441,2.206c-0.375-0.11-0.661-0.176-1.125-0.176c-0.859,0-1.896,0.595-2.558,2.228v6.616h-2.536V5.846z"/>
+	<path fill="#E9E9E9" d="M25.544,9.75c-0.023-1.146-0.508-2.117-1.964-2.117c-1.08,0-2.095,0.484-3.043,1.058l-0.927-1.698
+		c1.19-0.75,2.713-1.411,4.433-1.411c2.714,0,4.038,1.654,4.038,4.675v6.419h-2.074l-0.198-1.19h-0.066
+		c-0.971,0.816-2.073,1.455-3.353,1.455c-1.897,0-3.22-1.279-3.22-3.176C19.17,11.448,21.111,10.235,25.544,9.75z M23.184,14.956
+		c0.882,0,1.566-0.441,2.36-1.191v-2.427c-2.934,0.376-3.904,1.147-3.904,2.229C21.64,14.536,22.28,14.956,23.184,14.956z"/>
+	<path fill="#E9E9E9" d="M28.806,5.846h2.581l1.72,5.624c0.287,1.059,0.618,2.161,0.904,3.265h0.088
+		c0.31-1.104,0.618-2.206,0.927-3.265l1.72-5.624h2.448l-3.683,10.829h-2.934L28.806,5.846z"/>
+	<path fill="#E9E9E9" d="M40.145,2.516c0-0.86,0.661-1.456,1.565-1.456s1.566,0.596,1.566,1.456c0,0.838-0.662,1.434-1.566,1.434
+		S40.145,3.354,40.145,2.516z M40.431,5.846h2.537v10.829h-2.537V5.846z"/>
+	<path fill="#E9E9E9" d="M45.613,13.809c0.97,0.749,1.896,1.213,2.999,1.213c1.17,0,1.721-0.552,1.721-1.301
+		c0-0.906-1.169-1.303-2.316-1.744c-1.434-0.529-3.043-1.344-3.043-3.152c0-1.898,1.521-3.243,3.948-3.243
+		c1.499,0,2.713,0.618,3.594,1.302l-1.168,1.543C50.597,7.875,49.826,7.5,48.965,7.5c-1.082,0-1.588,0.507-1.588,1.19
+		c0,0.839,1.08,1.191,2.249,1.61c1.479,0.552,3.109,1.258,3.109,3.287c0,1.852-1.478,3.352-4.212,3.352
+		c-1.478,0-3.044-0.639-4.102-1.5L45.613,13.809z"/>
+	<path fill="#E9E9E9" d="M65.176,1.987c1.764,0,3.198,0.859,4.102,1.83l-1.411,1.588c-0.75-0.729-1.565-1.19-2.669-1.19
+		c-2.36,0-4.058,1.985-4.058,5.228c0,3.286,1.565,5.27,3.969,5.27c1.28,0,2.228-0.528,3.045-1.432l1.411,1.565
+		c-1.169,1.345-2.668,2.095-4.499,2.095c-3.661,0-6.551-2.646-6.551-7.433C58.515,4.788,61.47,1.987,65.176,1.987z"/>
+	<path fill="#E9E9E9" d="M71.128,2.251h2.559v14.424h-2.559V2.251z"/>
+</g>
+</svg>
diff --git a/assets/images/ui/travis-logo.svg b/assets/images/ui/travis-logo.svg
new file mode 100644
index 00000000..47b7e4c9
--- /dev/null
+++ b/assets/images/ui/travis-logo.svg
@@ -0,0 +1,28 @@
+<?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="75px" height="18px" viewBox="0 0 75 18" enable-background="new 0 0 75 18" xml:space="preserve">
+<g>
+	<path fill="#E9E9E9" d="M5.482,4.413H1.313V2.251h10.873v2.161H8.041v12.263H5.482V4.413z"/>
+	<path fill="#E9E9E9" d="M11.958,5.846h2.095l0.177,1.918h0.089c0.771-1.41,1.918-2.183,3.065-2.183c0.551,0,0.903,0.066,1.234,0.22
+		l-0.441,2.206c-0.375-0.11-0.661-0.176-1.125-0.176c-0.859,0-1.896,0.595-2.558,2.228v6.616h-2.536V5.846z"/>
+	<path fill="#E9E9E9" d="M25.544,9.75c-0.023-1.146-0.508-2.117-1.964-2.117c-1.08,0-2.095,0.484-3.043,1.058l-0.927-1.698
+		c1.19-0.75,2.713-1.411,4.433-1.411c2.714,0,4.038,1.654,4.038,4.675v6.419h-2.074l-0.198-1.19h-0.066
+		c-0.971,0.816-2.073,1.455-3.353,1.455c-1.897,0-3.22-1.279-3.22-3.176C19.17,11.448,21.111,10.235,25.544,9.75z M23.184,14.956
+		c0.882,0,1.566-0.441,2.36-1.191v-2.427c-2.934,0.376-3.904,1.147-3.904,2.229C21.64,14.536,22.28,14.956,23.184,14.956z"/>
+	<path fill="#E9E9E9" d="M28.806,5.846h2.581l1.72,5.624c0.287,1.059,0.618,2.161,0.904,3.265h0.088
+		c0.31-1.104,0.618-2.206,0.927-3.265l1.72-5.624h2.448l-3.683,10.829h-2.934L28.806,5.846z"/>
+	<path fill="#E9E9E9" d="M40.145,2.516c0-0.86,0.661-1.456,1.565-1.456s1.566,0.596,1.566,1.456c0,0.838-0.662,1.434-1.566,1.434
+		S40.145,3.354,40.145,2.516z M40.431,5.846h2.537v10.829h-2.537V5.846z"/>
+	<path fill="#E9E9E9" d="M45.613,13.809c0.97,0.749,1.896,1.213,2.999,1.213c1.17,0,1.721-0.552,1.721-1.301
+		c0-0.906-1.169-1.303-2.316-1.744c-1.434-0.529-3.043-1.344-3.043-3.152c0-1.898,1.521-3.243,3.948-3.243
+		c1.499,0,2.713,0.618,3.594,1.302l-1.168,1.543C50.597,7.875,49.826,7.5,48.965,7.5c-1.082,0-1.588,0.507-1.588,1.19
+		c0,0.839,1.08,1.191,2.249,1.61c1.479,0.552,3.109,1.258,3.109,3.287c0,1.852-1.478,3.352-4.212,3.352
+		c-1.478,0-3.044-0.639-4.102-1.5L45.613,13.809z"/>
+	<path fill="#E9E9E9" d="M65.176,1.987c1.764,0,3.198,0.859,4.102,1.83l-1.411,1.588c-0.75-0.729-1.565-1.19-2.669-1.19
+		c-2.36,0-4.058,1.985-4.058,5.228c0,3.286,1.565,5.27,3.969,5.27c1.28,0,2.228-0.528,3.045-1.432l1.411,1.565
+		c-1.169,1.345-2.668,2.095-4.499,2.095c-3.661,0-6.551-2.646-6.551-7.433C58.515,4.788,61.47,1.987,65.176,1.987z"/>
+	<path fill="#E9E9E9" d="M71.128,2.251h2.559v14.424h-2.559V2.251z"/>
+</g>
+</svg>
diff --git a/assets/scripts/app/templates/layouts/top.hbs b/assets/scripts/app/templates/layouts/top.hbs
index 78418544..7f81285d 100644
--- a/assets/scripts/app/templates/layouts/top.hbs
+++ b/assets/scripts/app/templates/layouts/top.hbs
@@ -1,5 +1,7 @@
 {{#link-to "index.current"}}
-  <h1>Travis</h1>
+  <div id="home">
+    <h1>Travis</h1>
+  </div>
 {{/link-to}}
 
 <ul id="navigation">
diff --git a/assets/styles/top.sass b/assets/styles/top.sass
index db007c8e..8f8b9e3a 100644
--- a/assets/styles/top.sass
+++ b/assets/styles/top.sass
@@ -2,17 +2,16 @@
 
 #top
   line-height: 60px
-  background: #40454f
+  background: #404650
   font-size: $font-size-normal
 
-  h1
+  #home
     float: left
-    width: 72px
-    height: 30px
-    margin: 12px 40px 0 22px
+    width: 123px
+    height: 55px
+    margin-right: 14px
     text-indent: -9999px
-    background: inline-image('ui/logo.svg') no-repeat
-    background-size: cover
+    background: #dc4136 inline-image('ui/travis-logo.svg') no-repeat 20px 18px
 
   ul
     list-style-type: none
@@ -25,7 +24,7 @@
     display: inline-block
     a, span
       display: block
-      padding: 0 15px
+      padding: 0 12px
       &:hover
         color: #ADC7D0
   
@@ -92,11 +91,13 @@
       background: inline-image('ui/spinner.svg') no-repeat 110px 22px
 
     img
-      position: absolute
-      top: 12px
-      left: 5px
+      float: right
+      margin: 13px 0 0 10px
       width: 30px
       height: 30px
+      border-radius: 100px
+      -webkit-border-radius: 100px
+      -moz-border-radius: 100px
 
     ul
       min-width: 145px