From f80c9215686089ee4e385995fee14970042cd16d Mon Sep 17 00:00:00 2001
From: Martin Rojas Miguel Angel <MiguelAngel.MartinRojas@novatec-gmbh.de>
Date: Mon, 30 Apr 2018 15:34:49 +0200
Subject: [PATCH] TSK-466 Incorporate new Taskana logo

---
 .../list/classification-list.component.html   |   2 +-
 .../access-items/access-items.component.html  |   2 +-
 .../dual-list/dual-list.component.scss        |   4 +-
 .../workbasket-information.component.html     |   2 +-
 .../workbasket-list-toolbar.component.html    |   2 +-
 .../list/workbasket-list.component.scss       |  12 --
 .../components/nav-bar/nav-bar.component.html |  12 +-
 .../components/nav-bar/nav-bar.component.scss |  19 +-
 .../components/nav-bar/nav-bar.component.ts   |   8 +-
 web/src/assets/_colors.scss                   |   6 +-
 web/src/assets/_site.scss                     |  21 +-
 web/src/assets/icons/logo-copy.svg            | 178 +++++++++++++++++
 web/src/assets/icons/logo.svg                 | 179 +++++++++++++++++-
 13 files changed, 401 insertions(+), 46 deletions(-)
 create mode 100644 web/src/assets/icons/logo-copy.svg

diff --git a/web/src/app/administration/classification/master/list/classification-list.component.html b/web/src/app/administration/classification/master/list/classification-list.component.html
index 290caa6fc..b51b06d06 100644
--- a/web/src/app/administration/classification/master/list/classification-list.component.html
+++ b/web/src/app/administration/classification/master/list/classification-list.component.html
@@ -3,7 +3,7 @@
 		<div class="row">
 			<div class="col-xs-12">
 				<button type="button" (click)="addClassification()" data-toggle="tooltip" title="Add" class="btn btn-default">
-					<span class="glyphicon glyphicon-plus green" aria-hidden="true"></span>
+					<span class="glyphicon glyphicon-plus green-blue" aria-hidden="true"></span>
 				</button>
 				<taskana-import-export-component [currentSelection]="selectionToImport"></taskana-import-export-component>
 				<taskana-classification-types-selector class="pull-right" [classificationTypes]="classificationsTypes" [(classificationTypeSelected)]="classificationTypeSelected"
diff --git a/web/src/app/administration/workbasket/details/access-items/access-items.component.html b/web/src/app/administration/workbasket/details/access-items/access-items.component.html
index 9110cfc88..f600442fe 100644
--- a/web/src/app/administration/workbasket/details/access-items/access-items.component.html
+++ b/web/src/app/administration/workbasket/details/access-items/access-items.component.html
@@ -107,7 +107,7 @@
 		</form>
 		<button id="button-add-access-item" type="button" (click)="addAccessItem()" class="btn btn-default">
 			<span>
-				<svg-icon class="green small" src="./assets/icons/wb-add.svg"></svg-icon>
+				<svg-icon class="green-blue small" src="./assets/icons/wb-add.svg"></svg-icon>
 			</span>
 			Add new access
 		</button>
diff --git a/web/src/app/administration/workbasket/details/distribution-targets/dual-list/dual-list.component.scss b/web/src/app/administration/workbasket/details/distribution-targets/dual-list/dual-list.component.scss
index 9a401ae20..db322d461 100644
--- a/web/src/app/administration/workbasket/details/distribution-targets/dual-list/dual-list.component.scss
+++ b/web/src/app/administration/workbasket/details/distribution-targets/dual-list/dual-list.component.scss
@@ -1,3 +1,5 @@
+$selected-item: #e3f3f5;
+
 .dual-list {
     min-height: 290px;
     padding: 0px;
@@ -46,7 +48,7 @@ ul>li {
     border-color: #ddd;
     }
     &.list-group-item.selected {
-        background-color: #e9f2fc;
+        background-color: $selected-item;
     }
 }
 
diff --git a/web/src/app/administration/workbasket/details/information/workbasket-information.component.html b/web/src/app/administration/workbasket/details/information/workbasket-information.component.html
index 0169dc4af..ec67813be 100644
--- a/web/src/app/administration/workbasket/details/information/workbasket-information.component.html
+++ b/web/src/app/administration/workbasket/details/information/workbasket-information.component.html
@@ -5,7 +5,7 @@
             <button type="button" [disabled]="!WorkbasketForm.form.valid" (click)="onSave()" class="btn btn-default btn-primary">Save</button>
             <button type="button" (click)="onClear()" class="btn btn-default">Undo</button>
             <button type="button" (click)="copyWorkbasket()" data-toggle="tooltip" title="copy" class="btn btn-default">
-                <span class="glyphicon glyphicon-copy green" aria-hidden="true"></span>
+                <span class="glyphicon glyphicon-copy green-blue" aria-hidden="true"></span>
             </button>
             <button type="button" (click)="removeWorkbasket()" data-toggle="tooltip" title="Remove" class="btn btn-default remove">
                 <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
diff --git a/web/src/app/administration/workbasket/master/list/workbasket-list-toolbar/workbasket-list-toolbar.component.html b/web/src/app/administration/workbasket/master/list/workbasket-list-toolbar/workbasket-list-toolbar.component.html
index 6a425fc38..85a391f72 100644
--- a/web/src/app/administration/workbasket/master/list/workbasket-list-toolbar/workbasket-list-toolbar.component.html
+++ b/web/src/app/administration/workbasket/master/list/workbasket-list-toolbar/workbasket-list-toolbar.component.html
@@ -2,7 +2,7 @@
     <div class="row">
         <div class="col-xs-9">
             <button type="button" (click)="addWorkbasket()" data-toggle="tooltip" title="Add" class="btn btn-default">
-                <span class="glyphicon glyphicon-plus green" aria-hidden="true"></span>
+                <span class="glyphicon glyphicon-plus green-blue" aria-hidden="true"></span>
             </button>
             <taskana-import-export-component [currentSelection]="'selectionToImport'"></taskana-import-export-component>
         </div>
diff --git a/web/src/app/administration/workbasket/master/list/workbasket-list.component.scss b/web/src/app/administration/workbasket/master/list/workbasket-list.component.scss
index eed93ab90..f3bee29b8 100644
--- a/web/src/app/administration/workbasket/master/list/workbasket-list.component.scss
+++ b/web/src/app/administration/workbasket/master/list/workbasket-list.component.scss
@@ -39,15 +39,3 @@ li > div.row > dl:first-child {
     border-top: none;
     padding: 0px
 }
-
-li.list-group-item:hover, {
-    color: #555;
-    text-decoration: none;
-    background-color: #f5f5f5;
-}
-
-li.list-group-item.active:hover, {
-    color: #fff;
-    background-color: #337ab7;
-    border-color: #337ab7;
-}
diff --git a/web/src/app/components/nav-bar/nav-bar.component.html b/web/src/app/components/nav-bar/nav-bar.component.html
index 2a2417291..2154cc188 100644
--- a/web/src/app/components/nav-bar/nav-bar.component.html
+++ b/web/src/app/components/nav-bar/nav-bar.component.html
@@ -9,10 +9,8 @@
     </div>
     <div class="col-xs-6 col-sm-5 col-md-4">
       <ul class="nav logo">
-        <svg-icon class="logo white hidden-xs" src="./assets/icons/logo.svg"></svg-icon>
-        <p class="navbar-brand no-margin">
-          <a [href]="adminUrl">{{title}}</a>
-        </p>
+        <svg-icon class="logo white hidden-xs" src="./assets/icons/logo-copy.svg"></svg-icon>
+        <h2 class="navbar-brand no-margin"> {{title}}</h2>
       </ul>
     </div>
     <div *ngIf="selectedRoute.indexOf('workbaskets') !== -1 || selectedRoute.indexOf('classifications') !== -1"class="pull-right domain-form">
@@ -36,10 +34,8 @@
     aria-expanded="true">
     <div class="row">
       <ul class="nav">
-        <svg-icon class="logo white  logo visible-xs" src="./assets/icons/logo.svg"></svg-icon>
-        <p class="navbar-brand  logo visible-xs">
-          <a [href]="adminUrl">{{title}}</a>
-        </p>
+        <svg-icon class="logo white visible-xs" src="./assets/icons/logo.svg"></svg-icon>
+        <h2 class="navbar-brand no-margin logo visible-xs"> {{title}}</h2>
         <button type="button" *ngIf="showNavbar" class="btn btn-default navbar-toggle show pull-right" (click)="toogleNavBar();"
           aria-expanded="true" aria-controls="navbar">
           <span class="glyphicon glyphicon-arrow-left white"></span>
diff --git a/web/src/app/components/nav-bar/nav-bar.component.scss b/web/src/app/components/nav-bar/nav-bar.component.scss
index 962cd805e..762be0b88 100644
--- a/web/src/app/components/nav-bar/nav-bar.component.scss
+++ b/web/src/app/components/nav-bar/nav-bar.component.scss
@@ -1,9 +1,11 @@
 $background-color: #224562;
-$background-color-sidenav: #263847;
+$background-color-sidenav: #175263;
 $selected-border-color: #22a39f;
 .navbar-inverse {
     border:none;
     background-color: $background-color;
+    box-shadow: 0px 1px 10px -1px $background-color;
+    
 }
 
 .navbar-toggle{
@@ -22,20 +24,18 @@ ul.nav > p {
 
 svg-icon.logo {
     float: left;
-    width: 55px;
+    width: 150px;
     height: 55px;
-    padding:2px;
+    padding: 6px 5px 5px 5px;
 }
 
 
-p.navbar-brand >a{
+h2.navbar-brand{
     vertical-align: middle;
     text-decoration: none;
-    color: #9d9d9d;
+    color: white;
+    padding: 17px 0px 0px 0px;
     font-size: 20px;
-    &:hover {
-        color: white;
-    }
 }
 
 .navbar-backdrop{
@@ -89,15 +89,16 @@ p.navbar-brand >a{
 
 .sidenav {
     position:fixed;
-    border-right: 1px solid grey;
     z-index:999;
     margin-top: -1px;
     box-shadow: none;
     height: 100%;
     background-color: $background-color-sidenav;
+    box-shadow: 3px 0px 10px -1px $background-color;
 }
 
 .navbar {
+    height: 55px;
     margin-bottom: 0px;
 }
 
diff --git a/web/src/app/components/nav-bar/nav-bar.component.ts b/web/src/app/components/nav-bar/nav-bar.component.ts
index 7a2b3930c..7c41774e4 100644
--- a/web/src/app/components/nav-bar/nav-bar.component.ts
+++ b/web/src/app/components/nav-bar/nav-bar.component.ts
@@ -26,10 +26,10 @@ export class NavBarComponent implements OnInit, OnDestroy {
 
   selectedRoute = '';
   route: string;
-  titleAdministration = 'Taskana administration';
-  titleMonitor = 'Taskana monitor';
-  titleWorkplace = 'Taskana workplace';
-  title = 'Taskana administration';
+  titleAdministration = 'Administration';
+  titleMonitor = 'Monitor';
+  titleWorkplace = 'Workplace';
+  title = 'Administration';
   showNavbar = false;
   domains: Array<string> = [];
   selectedDomain: string;
diff --git a/web/src/assets/_colors.scss b/web/src/assets/_colors.scss
index 0a5666f87..d049716c7 100644
--- a/web/src/assets/_colors.scss
+++ b/web/src/assets/_colors.scss
@@ -1,6 +1,6 @@
-$blue-green: #479ea9;
-$blue: #337ab7;
-$green: green;
+$blue-green: #11c584;
+$blue: #2e9eca;
+$green: #246972;
 $grey: grey;
 $brown: #f0ad4e;
 $invalid: #a94442;
\ No newline at end of file
diff --git a/web/src/assets/_site.scss b/web/src/assets/_site.scss
index 8895a3843..882a0de35 100644
--- a/web/src/assets/_site.scss
+++ b/web/src/assets/_site.scss
@@ -18,6 +18,8 @@
 .no-border-radius {
     border-radius: 0px;
 }
+
+
 /*
  * Base structure
  */
@@ -249,10 +251,6 @@ svg-icon.fa-fw > svg {
     margin-top: 4px;
 }
 
-.navbar-inverse {
-    box-shadow: 0px 1px 10px -1px rgb(51, 93, 125);
-    border: none;
-}
 
 taskana-workbasket-information, taskana-workbasket-access-items, taskana-workbaskets-distribution-targets {
     &> .panel{
@@ -270,3 +268,18 @@ taskana-workbasket-information, taskana-workbasket-access-items, taskana-workbas
 tree-viewport {
     height: calc(100vh - 165px);   
 }
+
+li.list-group-item.active:hover, {
+    color: #fff;
+    background-color: $green;
+    border-color: $green;
+}
+
+.list-group-item.active{
+    background-color: $green;
+}
+li.list-group-item:hover, {
+    color: #555;
+    text-decoration: none;
+    background-color: #f5f5f5;
+}
\ No newline at end of file
diff --git a/web/src/assets/icons/logo-copy.svg b/web/src/assets/icons/logo-copy.svg
new file mode 100644
index 000000000..caf595aee
--- /dev/null
+++ b/web/src/assets/icons/logo-copy.svg
@@ -0,0 +1,178 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 10625 3139"
+   id="svg29"
+   shape-rendering="geometricPrecision"
+   text-rendering="geometricPrecision"
+   image-rendering="optimizeQuality"
+   fill-rule="evenodd"
+   clip-rule="evenodd"
+   version="1.1"
+   sodipodi:docname="logo-copy.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata880">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2259"
+     inkscape:window-height="1321"
+     id="namedview878"
+     showgrid="false"
+     inkscape:zoom="0.10621576"
+     inkscape:cx="5380.2166"
+     inkscape:cy="-1164.8821"
+     inkscape:window-x="2532"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_x0020_1" />
+  <defs
+     id="defs9">
+    <radialGradient
+       gradientTransform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fy="1564.08"
+       fx="2119.58"
+       r="900.327"
+       cy="1564.08"
+       cx="2119.58"
+       gradientUnits="userSpaceOnUse"
+       id="id6">
+      <stop
+         id="stop896"
+         offset="0"
+         stop-color="#27bff0" />
+      <stop
+         id="stop898"
+         offset="1"
+         stop-color="#2abaa1" />
+    </radialGradient>
+    <style
+       id="style2">.fil0{fill:#242427;fill-rule:nonzero}</style>
+    <radialGradient
+       id="id3"
+       gradientUnits="userSpaceOnUse"
+       cx="2119.58"
+       cy="1564.08"
+       r="900.327"
+       fx="2119.58"
+       fy="1564.08"
+       gradientTransform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)">
+      <stop
+         offset="0"
+         id="stop4"
+         stop-color="#27bff0" />
+      <stop
+         offset="1"
+         id="stop6"
+         stop-color="#2abaa1" />
+    </radialGradient>
+    <radialGradient
+       xlink:href="#id3"
+       id="radialGradient895"
+       cx="1523.507"
+       cy="1556.842"
+       fx="1523.507"
+       fy="1556.842"
+       r="1492.352"
+       gradientTransform="matrix(1 0 0 1.03869 0 -60.23)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       xlink:href="#id6"
+       id="radialGradient1172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1 0 0 1.03869 0 -60.23)"
+       cx="1523.507"
+       cy="1556.842"
+       fx="1523.507"
+       fy="1556.842"
+       r="1492.352" />
+  </defs>
+  <g
+     id="Layer_x0020_1">
+    <path
+       class="fil0"
+       d="M6038.737 1823.97c0-18.593-2.386-35.947-8.35-52.061-4.772-14.875-15.508-29.75-31.016-42.146-15.509-13.635-35.788-26.03-63.226-38.427-26.244-12.395-60.839-26.03-103.784-39.666-47.717-16.115-94.242-33.469-135.994-54.541-42.945-19.834-79.926-43.386-112.135-70.656-32.21-27.27-57.26-58.26-76.348-94.208-19.086-35.947-27.437-76.853-27.437-125.197 0-45.864 9.543-86.77 28.63-125.197 19.087-38.427 45.332-69.416 79.926-96.687 34.595-26.03 75.155-47.103 122.872-61.978s100.206-22.313 156.273-22.313c58.454 0 110.943 8.677 158.66 24.792 47.717 17.354 88.276 39.666 121.678 70.656 33.402 29.75 59.647 65.697 78.734 106.603 17.894 40.906 27.437 86.77 27.437 135.114h-217.113c0-23.552-3.579-44.625-10.736-64.458-7.158-19.833-17.894-35.948-32.21-50.823-14.314-13.635-32.208-24.791-53.681-32.229-21.473-7.437-47.717-11.156-76.347-11.156-28.63 0-53.682 3.719-73.962 9.917-21.473 6.198-38.174 16.114-52.489 27.27-14.315 11.157-23.858 24.792-31.016 40.906-7.157 16.115-10.736 32.23-10.736 49.583 0 35.948 17.894 65.698 53.682 90.49 35.787 24.79 87.083 47.103 156.273 68.176 57.26 18.593 107.364 39.666 151.502 61.978 44.138 22.313 79.926 48.344 109.75 76.854 28.63 28.51 51.295 60.74 65.61 96.687 15.508 35.948 22.666 75.614 22.666 121.478 0 48.344-9.544 90.49-27.437 128.916-17.894 37.187-44.139 69.416-77.54 95.447-33.403 26.031-73.962 45.864-120.486 59.5-46.525 13.635-99.013 21.072-157.467 21.072-34.595 0-69.19-3.718-103.785-9.916-34.594-6.198-67.996-16.115-99.012-28.51-31.017-13.636-60.84-29.75-88.277-48.344-27.437-19.833-50.103-42.145-70.383-69.416-20.28-26.03-35.788-57.02-46.524-90.489-11.93-33.468-16.701-70.656-16.701-112.801h218.306c0 33.468 4.771 60.739 15.508 84.291 9.543 23.552 23.858 42.145 41.752 55.78 17.894 14.876 39.367 24.792 65.611 30.99 25.052 6.198 53.682 9.917 85.891 9.917 27.437 0 52.489-3.719 72.769-9.917 20.28-6.198 38.173-14.875 51.295-26.03 13.123-11.157 23.859-24.792 29.824-39.667 5.964-14.875 9.543-32.23 9.543-49.583z"
+       id="path12"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       id="polygon14"
+       transform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fill="#fff"
+       fill-rule="nonzero"
+       d="M6999 1128l-314 392 323 491h-216l-227-354-95 101v253h-182v-883h182v400l80-110 225-290z"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       id="polygon16"
+       transform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fill="#fff"
+       fill-rule="nonzero"
+       d="M8773 1127v883h-182l-354-581v581h-182v-883h182l354 582v-582z"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       d="M4752.761 1702.492l119.293-415.257 118.1 415.257h-238.586zm231.428-686.724h-225.463L4393.69 2109.073h239.779l64.418-225.603h343.563l64.418 225.603h239.778l-362.65-1093.305z"
+       id="path18"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       d="M9976.59 1701.253l119.292-414.018 118.101 415.257-238.585-1.24zm231.429-685.485h-225.465L9617.52 2109.073h239.779l64.418-225.603h343.563l64.418 225.603h239.778l-362.65-1093.305z"
+       id="path20"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       id="polygon22"
+       transform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fill="#fff"
+       fill-rule="nonzero"
+       d="M4243 1275v735h-181v-735h-265v-148h715v148z"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       d="M661.02 2654.485c53.682-55.78 53.682-145.03 0-200.81-53.681-55.781-139.572-55.781-193.254 0-53.681 55.78-53.681 145.03 0 200.81 53.682 55.781 139.573 55.781 193.255 0zm287.496-298.737c53.682-55.78 53.682-145.03 0-200.811-53.682-55.78-139.573-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811 53.681 55.78 139.572 55.78 193.254 0zm94.241-298.737c-53.681-55.781-53.681-145.03 0-200.811 53.682-55.781 139.573-55.781 193.254 0 53.682 55.78 53.682 145.03 0 200.81-53.681 55.782-139.572 55.782-193.254 0zM2578.055 461.679c-53.682-55.781-139.573-55.781-193.255 0-53.681 55.78-53.681 145.03 0 200.81 53.682 55.782 139.573 55.782 193.255 0 53.681-55.78 53.681-145.03 0-200.81zm-287.496 298.737c-53.681-55.78-139.572-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811 53.682 55.78 139.573 55.78 193.254 0 53.682-55.78 53.682-145.03 0-200.81zm-287.495 499.548c-53.682 55.781-139.573 55.781-193.255 0-53.681-55.78-53.681-145.03 0-200.81 53.682-55.781 139.573-55.781 193.255 0 53.681 55.78 53.681 145.03 0 200.81zM467.766 662.49c53.682 55.78 139.573 55.78 193.255 0 53.681-55.781 53.681-145.03 0-200.811-53.682-55.781-139.573-55.781-193.255 0-53.681 55.78-53.681 145.03 0 200.81zm287.496 298.737c53.681 55.78 139.572 55.78 193.254 0 53.682-55.78 53.682-145.03 0-200.811-53.682-55.78-139.573-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811zm287.495 97.926c53.682-55.78 139.573-55.78 193.254 0 53.682 55.781 53.682 145.03 0 200.811-53.681 55.781-139.572 55.781-193.254 0-53.681-55.78-53.681-145.03 0-200.81zm1535.298 1595.332c53.681-55.78 53.681-145.03 0-200.81-53.682-55.781-139.573-55.781-193.255 0-53.681 55.78-53.681 145.03 0 200.81 53.682 55.781 139.573 55.781 193.255 0zm-287.496-298.737c53.682-55.78 53.682-145.03 0-200.811-53.681-55.78-139.572-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811 53.682 55.78 139.573 55.78 193.254 0zm-480.75-298.737c-53.681-55.781-53.681-145.03 0-200.811 53.682-55.781 139.573-55.781 193.255 0 53.681 55.78 53.681 145.03 0 200.81-53.682 55.782-139.573 55.782-193.255 0zM168.341 1700.013c75.155 0 137.187-63.218 137.187-142.55 0-78.094-60.84-142.552-137.187-142.552-75.154 0-137.186 63.219-137.186 142.551 0 78.094 60.84 142.551 137.186 142.551zm406.789 0c75.154 0 137.186-63.218 137.186-142.55 0-78.094-60.839-142.552-137.186-142.552-75.155 0-137.187 63.219-137.187 142.551 0 78.094 60.84 142.551 137.187 142.551zm269.601-142.55c0-78.094 60.84-142.552 137.187-142.552 75.154 0 137.187 63.219 137.187 142.551 0 78.094-60.84 142.551-137.187 142.551-75.154 0-137.187-63.218-137.187-142.55zm473.593 0c0 117.759 91.855 213.206 205.183 213.206 113.328 0 205.183-95.447 205.183-213.207 0-117.76-91.855-213.206-205.183-213.206-113.328 0-205.183 95.447-205.183 213.206zm1697.535 0c0-78.094-60.84-142.552-137.187-142.552-75.154 0-137.186 63.219-137.186 142.551 0 78.094 60.84 142.551 137.186 142.551 75.155 0 137.187-63.218 137.187-142.55zm-406.788 0c0-78.094-60.84-142.552-137.187-142.552-75.154 0-137.186 63.219-137.186 142.551 0 78.094 60.839 142.551 137.186 142.551 75.155 0 137.187-63.218 137.187-142.55zm-542.782 142.55c-75.155 0-137.187-63.218-137.187-142.55 0-78.094 60.84-142.552 137.187-142.552 75.154 0 137.186 63.219 137.186 142.551 0 78.094-60.839 142.551-137.186 142.551zm-541.59 1406.917c75.155 0 137.187-63.218 137.187-142.55 0-78.094-60.839-142.552-137.186-142.552-75.155 0-137.187 63.218-137.187 142.551 0 78.093 60.84 142.551 137.187 142.551zm0-422.695c75.155 0 137.187-63.218 137.187-142.55 0-78.094-60.839-142.552-137.186-142.552-75.155 0-137.187 63.218-137.187 142.551 0 78.094 60.84 142.551 137.187 142.551zm0-2677.48c-75.154 0-137.186 63.218-137.186 142.551 0 78.093 60.84 142.551 137.187 142.551 75.154 0 137.186-63.218 137.186-142.551 0-78.093-60.839-142.551-137.186-142.551zm0 422.695c-75.154 0-137.186 63.218-137.186 142.55 0 78.094 60.84 142.552 137.187 142.552 75.154 0 137.186-63.218 137.186-142.551 0-78.093-60.839-142.551-137.186-142.551zm0 1833.33c75.155 0 137.187-63.218 137.187-142.551 0-78.093-60.839-142.551-137.186-142.551-75.155 0-137.187 63.218-137.187 142.551 0 78.093 60.84 142.551 137.187 142.551zm137.188-1268.084c0 78.093-60.84 142.55-137.187 142.55-75.155 0-137.187-63.218-137.187-142.55 0-78.094 60.84-142.551 137.187-142.551 75.155 0 137.187 63.218 137.187 142.55z"
+       id="path29"
+       fill="url(#radialGradient1172)"
+       stroke-width="1.217"
+       fill-rule="nonzero" />
+    <path
+       class="fil0"
+       d="M7828.128 1702.492l119.293-415.257 118.1 415.257h-238.586zm231.428-686.724h-225.463l-365.036 1093.305h239.778l64.418-225.603h343.564l64.418 225.603h239.778l-362.65-1093.305z"
+       id="path26"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/web/src/assets/icons/logo.svg b/web/src/assets/icons/logo.svg
index 0df1447f1..7a1c256ca 100644
--- a/web/src/assets/icons/logo.svg
+++ b/web/src/assets/icons/logo.svg
@@ -1 +1,178 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 333.333 333.333"><defs><linearGradient id="b"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="a"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient></defs><path d="M43.833 255.275c-20.93-33.066-38.055-61.759-38.055-63.763 0-5.608 17.891-32.476 21.625-32.476 3.905 0 79.417 118.13 79.417 124.238 0 5.927-17.542 32.12-21.511 32.12-2.18 0-17.224-21.805-41.476-60.119zm79.634 1.345C100.08 219.668 86.269 195.86 86.269 192.5c0-6.12 16.822-33.465 20.586-33.465 1.373 0 15.027 19.697 30.341 43.77l27.845 43.772 73.263-115.211C278.599 68 312.194 16.156 312.96 16.156c3.129 0 20.048 25.464 21.036 31.66.952 5.972-7.666 20.42-81.794 137.127-65.74 103.501-83.756 130.452-87.199 130.452-3.374 0-12.614-13.075-41.536-58.775zm29.963-79.472c-4.913-7.831-8.933-16.05-8.933-18.266 0-4.024 87.157-142.726 89.686-142.726 2.129 0 21.632 30.162 21.632 33.454 0 4.613-87.881 141.776-90.837 141.776-1.439 0-6.635-6.407-11.548-14.238z"/><text x="5.34" y="58.027" transform="scale(.7329 1.36446)" font-size="63.778" stroke-width="5.315"><tspan x="5.34" y="58.027">Taskana</tspan></text><flowRoot xml:space="preserve"><flowRegion><path d="M-64.918-13.229H514.35v435.45H-64.918z"/></flowRegion><flowPara/></flowRoot></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 10625 3139"
+   id="svg29"
+   shape-rendering="geometricPrecision"
+   text-rendering="geometricPrecision"
+   image-rendering="optimizeQuality"
+   fill-rule="evenodd"
+   clip-rule="evenodd"
+   version="1.1"
+   sodipodi:docname="logo.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata880">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2259"
+     inkscape:window-height="1321"
+     id="namedview878"
+     showgrid="false"
+     inkscape:zoom="0.10621576"
+     inkscape:cx="6081.6347"
+     inkscape:cy="496.40599"
+     inkscape:window-x="2532"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_x0020_1" />
+  <defs
+     id="defs9">
+    <radialGradient
+       gradientTransform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fy="1564.08"
+       fx="2119.58"
+       r="900.327"
+       cy="1564.08"
+       cx="2119.58"
+       gradientUnits="userSpaceOnUse"
+       id="id5">
+      <stop
+         id="stop896"
+         offset="0"
+         stop-color="#27bff0" />
+      <stop
+         id="stop898"
+         offset="1"
+         stop-color="#2abaa1" />
+    </radialGradient>
+    <style
+       id="style2">.fil0{fill:#242427;fill-rule:nonzero}</style>
+    <radialGradient
+       id="id3"
+       gradientUnits="userSpaceOnUse"
+       cx="2119.58"
+       cy="1564.08"
+       r="900.327"
+       fx="2119.58"
+       fy="1564.08"
+       gradientTransform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)">
+      <stop
+         offset="0"
+         id="stop4"
+         stop-color="#27bff0" />
+      <stop
+         offset="1"
+         id="stop6"
+         stop-color="#2abaa1" />
+    </radialGradient>
+    <radialGradient
+       xlink:href="#id3"
+       id="radialGradient894"
+       cx="1523.507"
+       cy="1556.842"
+       fx="1523.507"
+       fy="1556.842"
+       r="1492.352"
+       gradientTransform="matrix(1 0 0 1.03869 0 -60.23)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       xlink:href="#id5"
+       id="radialGradient1171"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1 0 0 1.03869 0 -60.23)"
+       cx="1523.507"
+       cy="1556.842"
+       fx="1523.507"
+       fy="1556.842"
+       r="1492.352" />
+  </defs>
+  <g
+     id="Layer_x0020_1">
+    <path
+       class="fil0"
+       d="M6038.737 1823.97c0-18.593-2.386-35.947-8.35-52.061-4.772-14.875-15.508-29.75-31.016-42.146-15.509-13.635-35.788-26.03-63.226-38.427-26.244-12.395-60.839-26.03-103.784-39.666-47.717-16.115-94.242-33.469-135.994-54.541-42.945-19.834-79.926-43.386-112.135-70.656-32.21-27.27-57.26-58.26-76.348-94.208-19.086-35.947-27.437-76.853-27.437-125.197 0-45.864 9.543-86.77 28.63-125.197 19.087-38.427 45.332-69.416 79.926-96.687 34.595-26.03 75.155-47.103 122.872-61.978s100.206-22.313 156.273-22.313c58.454 0 110.943 8.677 158.66 24.792 47.717 17.354 88.276 39.666 121.678 70.656 33.402 29.75 59.647 65.697 78.734 106.603 17.894 40.906 27.437 86.77 27.437 135.114h-217.113c0-23.552-3.579-44.625-10.736-64.458-7.158-19.833-17.894-35.948-32.21-50.823-14.314-13.635-32.208-24.791-53.681-32.229-21.473-7.437-47.717-11.156-76.347-11.156-28.63 0-53.682 3.719-73.962 9.917-21.473 6.198-38.174 16.114-52.489 27.27-14.315 11.157-23.858 24.792-31.016 40.906-7.157 16.115-10.736 32.23-10.736 49.583 0 35.948 17.894 65.698 53.682 90.49 35.787 24.79 87.083 47.103 156.273 68.176 57.26 18.593 107.364 39.666 151.502 61.978 44.138 22.313 79.926 48.344 109.75 76.854 28.63 28.51 51.295 60.74 65.61 96.687 15.508 35.948 22.666 75.614 22.666 121.478 0 48.344-9.544 90.49-27.437 128.916-17.894 37.187-44.139 69.416-77.54 95.447-33.403 26.031-73.962 45.864-120.486 59.5-46.525 13.635-99.013 21.072-157.467 21.072-34.595 0-69.19-3.718-103.785-9.916-34.594-6.198-67.996-16.115-99.012-28.51-31.017-13.636-60.84-29.75-88.277-48.344-27.437-19.833-50.103-42.145-70.383-69.416-20.28-26.03-35.788-57.02-46.524-90.489-11.93-33.468-16.701-70.656-16.701-112.801h218.306c0 33.468 4.771 60.739 15.508 84.291 9.543 23.552 23.858 42.145 41.752 55.78 17.894 14.876 39.367 24.792 65.611 30.99 25.052 6.198 53.682 9.917 85.891 9.917 27.437 0 52.489-3.719 72.769-9.917 20.28-6.198 38.173-14.875 51.295-26.03 13.123-11.157 23.859-24.792 29.824-39.667 5.964-14.875 9.543-32.23 9.543-49.583z"
+       id="path12"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       id="polygon14"
+       transform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fill="#fff"
+       fill-rule="nonzero"
+       d="M6999 1128l-314 392 323 491h-216l-227-354-95 101v253h-182v-883h182v400l80-110 225-290z"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       id="polygon16"
+       transform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fill="#fff"
+       fill-rule="nonzero"
+       d="M8773 1127v883h-182l-354-581v581h-182v-883h182l354 582v-582z"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       d="M4752.761 1702.492l119.293-415.257 118.1 415.257h-238.586zm231.428-686.724h-225.463L4393.69 2109.073h239.779l64.418-225.603h343.563l64.418 225.603h239.778l-362.65-1093.305z"
+       id="path18"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       d="M9976.59 1701.253l119.292-414.018 118.101 415.257-238.585-1.24zm231.429-685.485h-225.465L9617.52 2109.073h239.779l64.418-225.603h343.563l64.418 225.603h239.778l-362.65-1093.305z"
+       id="path20"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       class="fil0"
+       id="polygon22"
+       transform="matrix(1.19293 0 0 1.23957 -1006.692 -381.232)"
+       fill="#fff"
+       fill-rule="nonzero"
+       d="M4243 1275v735h-181v-735h-265v-148h715v148z"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       d="M661.02 2654.485c53.682-55.78 53.682-145.03 0-200.81-53.681-55.781-139.572-55.781-193.254 0-53.681 55.78-53.681 145.03 0 200.81 53.682 55.781 139.573 55.781 193.255 0zm287.496-298.737c53.682-55.78 53.682-145.03 0-200.811-53.682-55.78-139.573-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811 53.681 55.78 139.572 55.78 193.254 0zm94.241-298.737c-53.681-55.781-53.681-145.03 0-200.811 53.682-55.781 139.573-55.781 193.254 0 53.682 55.78 53.682 145.03 0 200.81-53.681 55.782-139.572 55.782-193.254 0zM2578.055 461.679c-53.682-55.781-139.573-55.781-193.255 0-53.681 55.78-53.681 145.03 0 200.81 53.682 55.782 139.573 55.782 193.255 0 53.681-55.78 53.681-145.03 0-200.81zm-287.496 298.737c-53.681-55.78-139.572-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811 53.682 55.78 139.573 55.78 193.254 0 53.682-55.78 53.682-145.03 0-200.81zm-287.495 499.548c-53.682 55.781-139.573 55.781-193.255 0-53.681-55.78-53.681-145.03 0-200.81 53.682-55.781 139.573-55.781 193.255 0 53.681 55.78 53.681 145.03 0 200.81zM467.766 662.49c53.682 55.78 139.573 55.78 193.255 0 53.681-55.781 53.681-145.03 0-200.811-53.682-55.781-139.573-55.781-193.255 0-53.681 55.78-53.681 145.03 0 200.81zm287.496 298.737c53.681 55.78 139.572 55.78 193.254 0 53.682-55.78 53.682-145.03 0-200.811-53.682-55.78-139.573-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811zm287.495 97.926c53.682-55.78 139.573-55.78 193.254 0 53.682 55.781 53.682 145.03 0 200.811-53.681 55.781-139.572 55.781-193.254 0-53.681-55.78-53.681-145.03 0-200.81zm1535.298 1595.332c53.681-55.78 53.681-145.03 0-200.81-53.682-55.781-139.573-55.781-193.255 0-53.681 55.78-53.681 145.03 0 200.81 53.682 55.781 139.573 55.781 193.255 0zm-287.496-298.737c53.682-55.78 53.682-145.03 0-200.811-53.681-55.78-139.572-55.78-193.254 0-53.682 55.78-53.682 145.03 0 200.811 53.682 55.78 139.573 55.78 193.254 0zm-480.75-298.737c-53.681-55.781-53.681-145.03 0-200.811 53.682-55.781 139.573-55.781 193.255 0 53.681 55.78 53.681 145.03 0 200.81-53.682 55.782-139.573 55.782-193.255 0zM168.341 1700.013c75.155 0 137.187-63.218 137.187-142.55 0-78.094-60.84-142.552-137.187-142.552-75.154 0-137.186 63.219-137.186 142.551 0 78.094 60.84 142.551 137.186 142.551zm406.789 0c75.154 0 137.186-63.218 137.186-142.55 0-78.094-60.839-142.552-137.186-142.552-75.155 0-137.187 63.219-137.187 142.551 0 78.094 60.84 142.551 137.187 142.551zm269.601-142.55c0-78.094 60.84-142.552 137.187-142.552 75.154 0 137.187 63.219 137.187 142.551 0 78.094-60.84 142.551-137.187 142.551-75.154 0-137.187-63.218-137.187-142.55zm473.593 0c0 117.759 91.855 213.206 205.183 213.206 113.328 0 205.183-95.447 205.183-213.207 0-117.76-91.855-213.206-205.183-213.206-113.328 0-205.183 95.447-205.183 213.206zm1697.535 0c0-78.094-60.84-142.552-137.187-142.552-75.154 0-137.186 63.219-137.186 142.551 0 78.094 60.84 142.551 137.186 142.551 75.155 0 137.187-63.218 137.187-142.55zm-406.788 0c0-78.094-60.84-142.552-137.187-142.552-75.154 0-137.186 63.219-137.186 142.551 0 78.094 60.839 142.551 137.186 142.551 75.155 0 137.187-63.218 137.187-142.55zm-542.782 142.55c-75.155 0-137.187-63.218-137.187-142.55 0-78.094 60.84-142.552 137.187-142.552 75.154 0 137.186 63.219 137.186 142.551 0 78.094-60.839 142.551-137.186 142.551zm-541.59 1406.917c75.155 0 137.187-63.218 137.187-142.55 0-78.094-60.839-142.552-137.186-142.552-75.155 0-137.187 63.218-137.187 142.551 0 78.093 60.84 142.551 137.187 142.551zm0-422.695c75.155 0 137.187-63.218 137.187-142.55 0-78.094-60.839-142.552-137.186-142.552-75.155 0-137.187 63.218-137.187 142.551 0 78.094 60.84 142.551 137.187 142.551zm0-2677.48c-75.154 0-137.186 63.218-137.186 142.551 0 78.093 60.84 142.551 137.187 142.551 75.154 0 137.186-63.218 137.186-142.551 0-78.093-60.839-142.551-137.186-142.551zm0 422.695c-75.154 0-137.186 63.218-137.186 142.55 0 78.094 60.84 142.552 137.187 142.552 75.154 0 137.186-63.218 137.186-142.551 0-78.093-60.839-142.551-137.186-142.551zm0 1833.33c75.155 0 137.187-63.218 137.187-142.551 0-78.093-60.839-142.551-137.186-142.551-75.155 0-137.187 63.218-137.187 142.551 0 78.093 60.84 142.551 137.187 142.551zm137.188-1268.084c0 78.093-60.84 142.55-137.187 142.55-75.155 0-137.187-63.218-137.187-142.55 0-78.094 60.84-142.551 137.187-142.551 75.155 0 137.187 63.218 137.187 142.55z"
+       id="path24"
+       fill="url(#radialGradient1171)"
+       stroke-width="1.216"
+       fill-rule="nonzero" />
+    <path
+       class="fil0"
+       d="M7828.128 1702.492l119.293-415.257 118.1 415.257h-238.586zm231.428-686.724h-225.463l-365.036 1093.305h239.778l64.418-225.603h343.564l64.418 225.603h239.778l-362.65-1093.305z"
+       id="path26"
+       fill="#fff"
+       fill-rule="nonzero"
+       stroke-width="1.216"
+       style="fill:#ffffff;fill-opacity:1" />
+  </g>
+</svg>