From e7886cdcb37575772f2712eab7c3bec97fb28489 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 25 Sep 2014 17:16:43 +0200
Subject: [PATCH] Added logo in navigation page

---
 app/coffee/modules/nav.coffee      | 13 +++++----
 app/styles/modules/common/nav.scss | 14 ++++++----
 app/svg/logo-nav.svg               | 44 ++++++++++++++++++++++++++++++
 3 files changed, 60 insertions(+), 11 deletions(-)
 create mode 100644 app/svg/logo-nav.svg

diff --git a/app/coffee/modules/nav.coffee b/app/coffee/modules/nav.coffee
index 2cb201f4..ffd77a70 100644
--- a/app/coffee/modules/nav.coffee
+++ b/app/coffee/modules/nav.coffee
@@ -275,11 +275,10 @@ ProjectMenuDirective = ($log, $compile, $auth, $rootscope, $tgAuth, $location, $
     """)
 
     mainTemplate = _.template("""
-    <h1 class="logo">
-        <a href="" title="Home">
-            <img src="/images/logo.png" alt="Taiga"/>
-        </a>
-    </h1>
+    <div class="logo-container logo">
+        <img src="/svg/logo-nav.svg" alt="TAIGA" />
+        <span class="item">taiga</span>
+    </div>
     <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) ->
diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss
index a117807d..48c3fdfa 100644
--- a/app/styles/modules/common/nav.scss
+++ b/app/styles/modules/common/nav.scss
@@ -10,14 +10,18 @@
     width: 90px;
     z-index: 999;
 }
-
-.logo {
-    line-height: inherit;
-    margin: 0 0 .9rem;
+.logo-container {
+    margin: 20%;
+    object,
     img {
-        padding: 17%;
         width: 100%;
     }
+    span {
+        @extend %large;
+        color: $white;
+        display: block;
+        text-align: center;
+    }
 }
 
 .main-nav {
diff --git a/app/svg/logo-nav.svg b/app/svg/logo-nav.svg
new file mode 100644
index 00000000..f18d9ef6
--- /dev/null
+++ b/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>
\ No newline at end of file