Added logo in navigation page

app/coffee/modules/nav.coffee

@@ -275,11 +275,10 @@ ProjectMenuDirective = ($log, $compile, $auth, $rootscope, $tgAuth, $location, $
     """)
 
     mainTemplate = _.template("""
-    <h1 class="logo">
+    <div class="logo-container logo">
-        <a href="" title="Home">
+        <img src="/svg/logo-nav.svg" alt="TAIGA" />
-            <img src="/images/logo.png" alt="Taiga"/>
+        <span class="item">taiga</span>
-        </a>
+    </div>
-    </h1>
     <div class="menu-container"></div>
     """)
 
@@ -319,8 +318,10 @@ ProjectMenuDirective = ($log, $compile, $auth, $rootscope, $tgAuth, $location, $
         renderMainMenu($el)
         project = null
 
-        $el.on "click", ".logo > a", (event) ->
+        $el.on "click", ".logo", (event) ->
             event.preventDefault()
+            target = angular.element(event.currentTarget)
+            console.log target
             $rootscope.$broadcast("nav:projects-list:open")
 
         $el.on "click", ".user-settings .avatar", (event) ->

app/styles/modules/common/nav.scss

@@ -10,14 +10,18 @@
     width: 90px;
     z-index: 999;
 }
-
+.logo-container {
-.logo {
+    margin: 20%;
-    line-height: inherit;
+    object,
-    margin: 0 0 .9rem;
     img {
-        padding: 17%;
         width: 100%;
     }
+    span {
+        @extend %large;
+        color: $white;
+        display: block;
+        text-align: center;
+    }
 }
 
 .main-nav {

app/svg/logo-nav.svg

@@ -0,0 +1,44 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134.2 134.3" version="1.1" preserveAspectRatio="xMidYMid meet">
+    <style>
+        .top {
+            -webkit-transform-origin: 50% 50%;
+            transform: rotate(0deg);
+        }
+        path{
+            fill:#fff;
+            opacity: .6;
+        }
+        svg:hover .top {
+            transform: rotate(90deg);
+            transition: all .3s ease-in;
+        }
+        svg:hover {
+            cursor: pointer;
+        }
+        @-webkit-keyframes rotate {
+            50% {
+                -webkit-transform: rotate(360deg);
+            }
+        }
+        @keyframes rotate {
+            50% {
+                transform: rotate(360deg);
+            }
+        }
+    </style>
+    <g transform="translate(-307.87667,-465.22863)">
+        <g class="bottom">
+            <path transform="matrix(-0.14066483,0.99005727,-0.99005727,0.14066483,0,0)" d="m561.8-506.6 42 0 0 42-42 0z" />
+            <path transform="matrix(0.14066483,-0.99005727,0.99005727,-0.14066483,0,0)" d="m-645.7 422.6 42 0 0 42-42 0z" />
+            <path transform="matrix(0.99005727,0.14066483,0.14066483,0.99005727,0,0)" d="m266.6 451.9 42 0 0 42-42 0z" />
+            <path transform="matrix(-0.99005727,-0.14066483,-0.14066483,-0.99005727,0,0)" d="m-350.6-535.9 42 0 0 42-42 0z" />
+        </g>
+        <g class="top">
+            <path transform="matrix(-0.60061118,-0.79954125,0.60061118,-0.79954125,0,0)" d="m-687.1-62.7 42 0 0 42-42 0z" />
+            <path transform="matrix(-0.79954125,0.60061118,-0.79954125,-0.60061118,0,0)" d="m166.6-719.6 42 0 0 42-42 0z" />
+            <path transform="matrix(0.60061118,0.79954125,-0.60061118,0.79954125,0,0)" d="m603.1-21.3 42 0 0 42-42 0z" />
+            <path transform="matrix(0.79954125,-0.60061118,0.79954125,0.60061118,0,0)" d="m-250.7 635.8 42 0 0 42-42 0z" />
+        </g>
+        <path class="center" transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)" d="m630.3 100 22.6 0 0 22.6-22.6 0z" />
+    </g>
+</svg>