Merge branch 'develop' of github.com:martini/zammad into develop

Conflicts:
	app/assets/javascripts/app/views/task_widget_tasks.jst.eco
	app/assets/stylesheets/zammad.css.scss

app/assets/javascripts/app/controllers/_profile/avatar.js.coffee

@@ -149,6 +149,7 @@ App.Config.set( 'Avatar', { prio: 1100, name: 'Avatar', parent: '#profile', targ
 class ImageCropper extends App.ControllerModal
   elements:
     '.imageCropper-image': 'image'
+    '.imageCropper-holder': 'holder'
 
   constructor: (options) ->
     super
@@ -169,6 +170,9 @@ class ImageCropper extends App.ControllerModal
 
     @angle = orientationTransform[ @options.orientation ]
 
+    if @angle == undefined
+      @angle = 0
+
     if @angle != 0
       @isOrientating = true
       image = new Image()
@@ -182,14 +186,6 @@ class ImageCropper extends App.ControllerModal
     canvas = document.createElement('canvas')
     ctx    = canvas.getContext('2d')
 
-    # fit image into options.max bounding box
-    # if image.width > @options.max
-    #   image.height = @options.max * image.height/image.width
-    #   image.width = @options.max
-    # else if image.height > @options.max
-    #   image.width = @options.max * image.width/image.height
-    #   image.height = @options.max
-
     if @angle is 180
       canvas.width  = image.width
       canvas.height = image.height
@@ -212,7 +208,9 @@ class ImageCropper extends App.ControllerModal
   initializeCropper: =>
     @image.cropper
       aspectRatio: 1,
-      dashed: false,
+      guides: false,
+      autoCrop: true,
+      autoCropArea: 1,
       preview: ".imageCropper-preview"
 
   onSubmit: (e) =>

app/assets/javascripts/app/controllers/layout_ref.js.coffee

@@ -793,6 +793,7 @@ App.Config.set( 'layout_ref/error', errorRef, 'Routes' )
 class highlightRef extends App.ControllerContent
   elements:
     '.article-text': 'articles'
+    '.js-highlight-icon': 'highlightIcon'
 
   events:
     'click .js-highlight': 'toggleHighlight'
@@ -871,7 +872,7 @@ class highlightRef extends App.ControllerContent
 
   toggleHighlight: (e) =>
     if @isActive
-      $(e.currentTarget).removeClass('active')
+      @highlightIcon.css('fill', '')
       @isActive = false
       @articles.off('mouseup', @onMouseUp)
       @articles.removeAttr('data-highlightcolor')
@@ -883,8 +884,8 @@ class highlightRef extends App.ControllerContent
       if !selection.isCollapsed
         @toggleHighlightAtSelection $(selection.anchorNode).closest @articles.selector
       else
-        # toggle ui
+        # show color
-        $(e.currentTarget).addClass('active')
+        @highlightIcon.css('fill', @colors[@activeColorIndex].color)
 
         # activate selection background
         @articles.attr('data-highlightcolor', @colors[@activeColorIndex].name)
@@ -893,9 +894,13 @@ class highlightRef extends App.ControllerContent
         @articles.on('mouseup', @onMouseUp) #future: touchend
 
   pickColor: (e) =>
-    @$('.js-highlightColor .visibility-change.active').removeClass('active')
+    @$('.js-highlightColor .visibility-change.is-active').removeClass('is-active')
-    $(e.currentTarget).find('.visibility-change').addClass('active')
+    $(e.currentTarget).find('.visibility-change').addClass('is-active')
     @activeColorIndex =  $(e.currentTarget).attr('data-key')
+
+    if @isActive
+      @highlightIcon.css('fill', @colors[@activeColorIndex].color)
+
     @setColor() 
 
   onMouseUp: (e) =>

app/assets/javascripts/app/controllers/widget/online_notification.js.coffee

@@ -15,10 +15,10 @@ class App.OnlineNotificationWidget extends App.Controller
     # rebuild widget on auth
     @bind 'auth', (user) =>
       if !user
-        @el.find('activity-counter').html('')
+        @el.find('.js-counter').text('')
       else
         if !@access()
-          @el.find('activity-counter').html('')
+          @el.find('.js-counter').text('')
           return
         @createContainer()
 
@@ -38,13 +38,10 @@ class App.OnlineNotificationWidget extends App.Controller
 
   counterUpdate: (count) =>
     if !count
-      @el.find('.activity-counter').remove()
+      @el.find('.js-counter').text('')
       return
-
+    
-    if @el.find('.js-toggleNavigation .activity-counter')[0]
+    @el.find('.js-counter').text(count)
-      @el.find('.js-toggleNavigation .activity-counter').html(count)
-    else
-      @toggle.append('<div class="activity-counter">' + count.toString() + '</div>')
 
   markAllAsRead: =>
     @counterUpdate(0)

app/assets/javascripts/app/views/getting_started/admin.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <form class="setup wizard js-admin">
     <div class="wizard-slide">
       <h2><%- @T('Administrator Account') %></h2>

app/assets/javascripts/app/views/getting_started/agent.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <form class="setup wizard js-agent">
     <div class="wizard-slide">
       <h2><%- @T('Invite Colleagues') %></h2>

app/assets/javascripts/app/views/getting_started/auto_wizard_enabled.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <div class="setup wizard">
     <div class="wizard-slide">
       <div class="wizard-body vertical centered">

app/assets/javascripts/app/views/getting_started/auto_wizard_failed.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <div class="setup wizard">
     <div class="wizard-slide">
       <div class="wizard-body vertical centered">

app/assets/javascripts/app/views/getting_started/auto_wizard_splash.jst.eco

@@ -1,3 +1,3 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
 </div>

app/assets/javascripts/app/views/getting_started/base.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <form class="setup wizard js-base">
     <div class="wizard-slide">
       <h2><%- @T('Organization') %></h2>

app/assets/javascripts/app/views/getting_started/channel.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <form class="setup wizard js-channel">
     <div class="wizard-slide">
       <h2><%- @T('Connect Channels') %></h2>

app/assets/javascripts/app/views/getting_started/email.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
 
   <form class="setup wizard js-intro">
     <div class="wizard-slide">

app/assets/javascripts/app/views/getting_started/email_pre_configured.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <form class="setup wizard js-channel">
     <div class="wizard-slide">
       <h2><%- @T('Connect Channels') %></h2>

app/assets/javascripts/app/views/getting_started/finish.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <form class="setup wizard">
     <div class="wizard-slide">
       <h2><%- @T('Setup Finished') %></h2>

app/assets/javascripts/app/views/getting_started/intro.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <div class="setup wizard js-start">
     <div class="wizard-slide">
       <div class="wizard-body vertical centered">

app/assets/javascripts/app/views/import/index.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <div class="import wizard">
     <div class="wizard-slide vertical">
       <h2><%- @T('Import from') %></h2>

app/assets/javascripts/app/views/import/otrs.jst.eco

@@ -1,5 +1,5 @@
 <div class="main flex vertical centered darkBackground">
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <div class="import wizard">
     <div class="wizard-slide vertical" data-slide="otrs-prepare">
       <h2><%- @T('Create OTRS Migration Plugin') %></h2>

app/assets/javascripts/app/views/layout_ref/highlight.jst.eco

@@ -2,11 +2,11 @@
 
   <div class="ticketZoom">
     <div class="ticketZoom-controls">
-      <div class="btn btn--action btn--split--first js-highlight centered">
+      <div class="btn btn--action btn--split--first js-highlight">
-        <svg class="marker-icon"><use xlink:href="#icon-marker" /></svg>
+        <svg class="icon icon-marker js-highlight-icon"><use xlink:href="#icon-marker" /></svg>
       </div>
       <div class="dropdown dropdown--actions">
-        <div class="btn btn--action btn--split--last btn--slim centered" id="highlight" data-toggle="dropdown" aria-expanded="true">
+        <div class="btn btn--action btn--split--last btn--slim" id="highlight" data-toggle="dropdown" aria-expanded="true">
           <svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg>
         </div>
         <ul class="dropdown-menu dropdown-menu-right" role="menu">
@@ -17,8 +17,8 @@
                 <span class="color-swatch icon" style="background: <%= entry.color %>"></span>
               </span>
               <%= entry.name %>
-              <span class="dropdown-activeSpacer visibility-change<%= ' active' if i is @activeColorIndex %>">
+              <span class="dropdown-activeSpacer visibility-change<%= ' is-active' if i is @activeColorIndex %>">
-                <span class="white checkmark icon" data-visible="active"></span>
+                <svg class="icon-checkmark" data-visible="active"><use xlink:href="#icon-checkmark" fill="white" /></svg>
               </span>
             </a>
           <% end %>

app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco

@@ -74,33 +74,33 @@
         <div class="profile-ticketList">
           <label>Offene Tickets (23)</label>
           <ol class="tasks tasks--standalone">
-            <li class="task level-2">
+            <li class="task">
               <div class="icon-holder">
-                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
+                <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
-            <li class="task level-2">
+            <li class="task">
               <div class="icon-holder">
-                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
+                <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Superb Service here_with_some_extrem_example_sting_witch_can_really_be!</div>
                 <div class="time">43 minutes ago</div>
               </div>
-            <li class="task level-2">
+            <li class="task">
               <div class="icon-holder">
-                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
+                <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Print sheets strip off</div>
                 <div class="time">1 hour ago</div>
               </div>
-            <li class="task level-2">
+            <li class="task">
               <div class="icon-holder">
-                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
+                <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Block not properly wrought</div>
@@ -112,17 +112,17 @@
         <div class="profile-ticketList">
           <label>Bearbeitete Tickets (12)</label>
           <ol class="tasks tasks--standalone">
-            <li class="task level-1">
+            <li class="task">
               <div class="icon-holder">
-                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
+                <svg class="icon-priority level-1"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
-            <li class="task level-1">
+            <li class="task">
               <div class="icon-holder">
-                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
+                <svg class="icon-priority level-1"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Superb Service!</div>

app/assets/javascripts/app/views/layout_ref/setup.jst.eco

@@ -4,7 +4,7 @@
 
     </div>
   </aside>
-  <img class="zammad full logo" src="<%= @C('image_path') + '/' + 'full logo on dark.svg' %>" alt="Zammad">
+  <svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg>
   <div class="setup wizard">
     <div class="wizard-slide" data-slide="home">
       <div class="wizard-body vertical centered">

app/assets/javascripts/app/views/login.jst.eco

@@ -65,8 +65,8 @@
     </div>
   </div>
   <div class="poweredBy">
-    <img class="logo" src="<%= @C('image_path') + '/' + 'logo.svg' %>">
+    <svg class="logo icon-logo"><use xlink:href="#icon-logo" /></svg>
     <%- @T("Powered by") %>
-    <img class="logotype" src="<%= @C('image_path') + '/' + 'logotype on dark.svg' %>">
+    <svg class="logotype icon-logotype"><use xlink:href="#icon-logotype" /></svg>
   </div>
 </div>

app/assets/javascripts/app/views/navigation.jst.eco

@@ -6,7 +6,10 @@
       <svg class="icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
     </div>
   </div>
-  <svg class="icon-logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg>
+  <div class="logo js-toggleNavigation">
+    <svg class="icon-logo"><use xlink:href="#icon-logo" /></svg>
+    <div class="activity-counter js-counter"></div>
+  </div>
   <ul id="global-search-result" class="custom-dropdown-menu" role="menu"></ul>
 </form>
 

app/assets/javascripts/app/views/navigation/result.jst.eco

@@ -3,7 +3,9 @@
   <% for item in area.result: %>
     <li>
       <a href="<%- item.url %>" class="nav-tab nav-tab--search <%= item.class %>" data-id="<%= item.id %>">
-        <svg class="nav-tab-icon priority-icon icon-<%= item.iconClass %>"><use xlink:href="#icon-<%= item.iconClass %>" /></svg>
+        <div class="nav-tab-icon">
+          <svg class="icon icon-<%= item.iconClass %>"><use xlink:href="#icon-<%= item.iconClass %>" /></svg>
+        </div>
         <span class="nav-tab-name flex u-textTruncate"><%= item.display %></span>
       </a>
     </li>

app/assets/javascripts/app/views/task_widget_tasks.jst.eco

@@ -1,13 +1,19 @@
 <% for item in @item_list: %>
   <a href="<%- item.data.url %>" title="<%= item.data.title %>" class="nav-tab task <%= item.data.class %><% if item.task.active: %> is-active<% end %><% if item.task.notify: %> is-modified<% end %>" data-key="<%- item.task.key %>">
-    <svg class="nav-tab-icon priority-icon icon-<%= item.data.iconClass %>">
+    <div class="nav-tab-icon">
+      <svg class="icon icon-<%= item.data.iconClass %>">
+        <% if item.task.notify && item.data.iconClass is 'priority': %>
+        <use xlink:href="#icon-priority-modified-outer-circle" />
+        <% else: %>
+        <use xlink:href="#icon-<%= item.data.iconClass %>" />
+        <% end %>
+      </svg>
       <% if item.task.notify && item.data.iconClass is 'priority': %>
-      <use class="inner-circle" xlink:href="#icon-priority-modified-inner-circle" />
+      <svg class="icon modified-inner-circle icon-<%= item.data.iconClass %>">
-      <use class="outer-circle" xlink:href="#icon-priority-modified-outer-circle" />
+        <use xlink:href="#icon-priority-modified-inner-circle" />
-      <% else: %>
+      </svg>
-      <use xlink:href="#icon-<%= item.data.iconClass %>" />
       <% end %>
-    </svg>
+    </div>
     <div class="nav-tab-name u-textTruncate flex"><%= item.data.head %></div>
     <div class="nav-tab-close js-close" title="<%- @Ti('close') %>">
       <div class="nav-tab-close-inner">

app/assets/javascripts/app/views/widget/ticket_stats_list.jst.eco

@@ -5,7 +5,7 @@
   <% ticket = App.Ticket.fullLocal(ticket_id) %>
   <li class="task">
     <div class="icon-holder">
-      <div class="icon <%- ticket.icon() %>"></div>
+      <svg class="<%- ticket.icon() %>"><use xlink:href="#icon-priority" /></svg>
     </div>
     <div class="flex">
       <a class="name ticket-popover" data-id="<%- ticket_id %>" href="<%- ticket.uiUrl() %>"><%= ticket.title %></a>

app/assets/stylesheets/cropper.min.css

@@ -1,9 +1,9 @@
 /*!
- * Cropper v0.7.0
+ * Cropper v0.9.3
  * https://github.com/fengyuanchen/cropper
  *
- * Copyright 2014 Fengyuan Chen
+ * Copyright (c) 2014-2015 Fengyuan Chen and contributors
  * Released under the MIT license
- */
+ *
-
+ * Date: 2015-05-10T07:25:08.257Z
-.cropper-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container{position:relative;overflow:hidden;background-color:#fff}.cropper-container>img{width:100%;height:100%}.cropper-modal,.cropper-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-canvas{background-color:#fff;filter:alpha(opacity=0);opacity:0}.cropper-modal{background-color:#000;filter:alpha(opacity=50);opacity:.5}.cropper-dragger{position:absolute;top:10%;left:10%;width:80%;height:80%}.cropper-viewer{display:block;width:100%;height:100%;overflow:hidden;outline-width:1px;outline-style:solid;outline-color:#69f;outline-color:rgba(51,102,255,.75)}.cropper-viewer>img{max-width:none!important;max-height:none!important}.cropper-dashed{position:absolute;display:block;filter:alpha(opacity=50);border:0 dashed #fff;opacity:.5}.cropper-dashed.dashed-h{top:33.3%;left:0;width:100%;height:33.3%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.3%;width:33.3%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;filter:alpha(opacity=10);opacity:.1}.cropper-face{top:0;left:0;cursor:move;background-color:#fff}.cropper-line{background-color:#69f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;background-color:#69f;filter:alpha(opacity=75);opacity:.75}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;filter:alpha(opacity=100);opacity:1}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;filter:alpha(opacity=0);opacity:0}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;filter:alpha(opacity=75);opacity:.75}}.cropper-hidden{display:none!important}.cropper-invisible{position:fixed;top:0;left:0;z-index:-1;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;filter:alpha(opacity=0);opacity:0}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-canvas,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
+ */.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-drag-box{background-color:#fff;filter:alpha(opacity=0);opacity:0}.cropper-modal{background-color:#000;filter:alpha(opacity=50);opacity:.5}.cropper-view-box{display:block;width:100%;height:100%;overflow:hidden;outline:1px solid #69f;outline-color:rgba(102,153,255,.75)}.cropper-dashed{position:absolute;display:block;filter:alpha(opacity=50);border:0 dashed #fff;opacity:.5}.cropper-dashed.dashed-h{top:33.33333333%;left:0;width:100%;height:33.33333333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333333%;width:33.33333333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;filter:alpha(opacity=10);opacity:.1}.cropper-face{top:0;left:0;cursor:move;background-color:#fff}.cropper-line{background-color:#69f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;background-color:#69f;filter:alpha(opacity=75);opacity:.75}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;filter:alpha(opacity=100);opacity:1}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;filter:alpha(opacity=0);opacity:0}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;filter:alpha(opacity=75);opacity:.75}}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-invisible{filter:alpha(opacity=0);opacity:0}.cropper-hide{position:fixed;top:0;left:0;z-index:-1;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;filter:alpha(opacity=0);opacity:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

app/assets/stylesheets/svg-dimensions.css

@@ -5,6 +5,7 @@
 .icon-checkbox-checked { width: 10px; height: 10px; }
 .icon-checkbox { width: 10px; height: 10px; }
 .icon-checkmark { width: 16px; height: 14px; }
+.icon-clipboard { width: 16px; height: 16px; }
 .icon-clock { width: 16px; height: 16px; }
 .icon-cloud { width: 16px; height: 16px; }
 .icon-cog { width: 20px; height: 20px; }
@@ -13,6 +14,7 @@
 .icon-download { width: 14px; height: 13px; }
 .icon-email { width: 17px; height: 17px; }
 .icon-facebook { width: 17px; height: 17px; }
+.icon-full-logo { width: 175px; height: 50px; }
 .icon-group { width: 24px; height: 24px; }
 .icon-help { width: 16px; height: 16px; }
 .icon-important { width: 16px; height: 16px; }
@@ -22,10 +24,12 @@
 .icon-lock-open { width: 16px; height: 16px; }
 .icon-lock { width: 16px; height: 16px; }
 .icon-logo { width: 42px; height: 36px; }
+.icon-logotype { width: 84px; height: 16px; }
 .icon-long-arrow-right { width: 11px; height: 11px; }
 .icon-magnifier { width: 15px; height: 15px; }
 .icon-marker { width: 17px; height: 19px; }
 .icon-message { width: 24px; height: 24px; }
+.icon-minus { width: 20px; height: 20px; }
 .icon-mood-bad { width: 60px; height: 59px; }
 .icon-mood-good { width: 60px; height: 59px; }
 .icon-mood-ok { width: 60px; height: 59px; }
@@ -48,6 +52,7 @@
 .icon-radio-checked { width: 11px; height: 11px; }
 .icon-radio { width: 11px; height: 11px; }
 .icon-received-calls { width: 17px; height: 17px; }
+.icon-reload { width: 16px; height: 16px; }
 .icon-reopening { width: 68px; height: 47px; }
 .icon-reply-all { width: 16px; height: 16px; }
 .icon-reply { width: 16px; height: 16px; }

app/assets/stylesheets/zammad.css.scss

@@ -4,6 +4,10 @@ $ok-color:        hsl(41,100%,49%);
 $bad-color:       hsl(30,93%,50%);
 $superbad-color:  hsl(19,90%,51%);
 
+$minWidth: 1024px;
+$sidebarWidth: 280px;
+$navigationWidth: 260px;
+
 html {
   height: 100%;
 }
@@ -46,7 +50,7 @@ blockquote {
 
 #app {
   display: flex;
-  min-width: 1024px;
+  min-width: $minWidth;
   height: 100%;
 }
 
@@ -251,20 +255,6 @@ span[data-tooltip]:hover:before {
 .form-control:-ms-input-placeholder,
 .token-input:-ms-input-placeholder {         color: hsl(0,0%,80%); }
 
-.glyphicon {
-  font-size: 13px;
-}
-
-.spinner {
-  float: left;
-  background: url("/assets/images/spinner.gif") no-repeat;
-  background-position: center center;
-  padding: 44px 10px 0 10px;
-  width: 10px;
-  height: 14px;
-  display: none;
-}
-
 .btn,
 .btn:hover,
 .btn:focus {
@@ -425,8 +415,7 @@ span[data-tooltip]:hover:before {
   Interactive Visibility Change Classes:
   
     <div class="visibility-change">
-      <div class="icon marker active" data-visible="active"></div>
+      <svg class="icon-marker" data-visible="active"><use xlink:href="#icon-marker" /></svg>
-      <div class="icon marker" data-visible="hover"></div>
     </div>
     
     Important: HTML Order active > hover > normal
@@ -438,7 +427,7 @@ span[data-tooltip]:hover:before {
     display: none;
   }
 
-  &.active [data-visible=active] {
+  &.is-active [data-visible=active] {
     display: block;
     
     & ~ [data-visible=normal] {
@@ -1018,12 +1007,6 @@ textarea,
     margin-top: 0;
   }
 
-.zammad.full.logo {
-  height: 50px;
-  margin-left: -25px;
-  margin-bottom: 5px;
-}
-
 .getstarted,
 .reset_password,
 .signup,
@@ -1112,7 +1095,6 @@ textarea,
   right: 0;
   
   .logo {
-    height: 40px;
     margin-right: 8px;
     margin-top: -11px;
   }
@@ -1120,6 +1102,7 @@ textarea,
   .logotype {
     margin-left: 8px;
     margin-top: -5px;
+    fill: hsl(225,9%,27%);
   }
 }
 
@@ -1516,7 +1499,7 @@ footer {
 }
 
 .navigation {
-  width: 260px;
+  width: $navigationWidth;
   background: hsl(232,10%,16%);
   position: relative;
 }
@@ -1602,9 +1585,9 @@ footer {
       color: hsl(198,19%,72%);
     }
 
-    .tasks--standalone .priority-icon {
+    .tasks--standalone .icon-priority {
       margin-right: 4px;
-      margin-top: 1px;
+      margin-top: 2px;
     }
 
   .nav-tab {
@@ -1652,7 +1635,7 @@ footer {
     background: #389ed9;
     color: white;
 
-    .nav-tab-icon {
+    .nav-tab-icon .icon {
       fill: white;
     }
   }
@@ -1669,27 +1652,34 @@ footer {
     margin-right: 7px;
     margin-left: 7px;
     margin-top: -3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
   }
 
-  .priority-icon {
+  .nav-tab-icon .icon {
     width: 16px;
     height: 16px;
     fill: #808080;
   }
 
-  .nav-tab-icon .inner-circle {
+  .nav-tab-icon .modified-inner-circle {
+    position: absolute;
+    left: 0;
+    top: 0;
     will-change: opacity;
     transform: translateZ(0);
-    animation: fade 3s ease-in-out infinite;
+    animation: fade 1.8s ease-in-out infinite;
   }
 
   @keyframes fade {
-    50% { opacity: 1 }
+    54% { opacity: 1 }
-    75% { opacity: 0 }
+    90% { opacity: 0 }
     to { opacity: 1 }
   }
 
-  .nav-tab-icon.icon-loading {
+  .nav-tab-icon .icon.icon-loading {
     animation: rotateplane 1.2s infinite ease-in-out;
     fill: $supergood-color;
   }
@@ -1739,7 +1729,7 @@ footer {
 .level-1.is-active {
   background-color: #38ae6a;
 }
-.level-1 .priority-icon,
+.level-1 .icon-priority,
 .level-1.icon-priority {
   fill: #38ae6a;
 }
@@ -1747,7 +1737,7 @@ footer {
 .level-2.is-active {
   background-color: #f35910;
 }
-.level-2 .priority-icon,
+.level-2 .icon-priority,
 .level-2.icon-priority {
   fill: #f35910;
 }
@@ -1755,13 +1745,13 @@ footer {
 .level-3.is-active {
   background-color: #faab00;
 }
-.level-3 .priority-icon,
+.level-3 .icon-priority,
 .level-3.icon-priority {
   fill: #faab00;
 }
 
 .search {
-  padding: 9px 2px 10px 10px;
+  padding: 7px 5px 4px 10px;
   border-bottom: 1px solid rgba(240, 250, 255, .05);
   flex-shrink: 0;
   display: flex;
@@ -1770,6 +1760,7 @@ footer {
   .search-holder {
     flex: 1;
     margin-right: 2px;
+    margin-top: 4px;
     position: relative;
     transition: 240ms;
   }
@@ -1823,33 +1814,42 @@ footer {
     margin-right: -46px;
   }
 
-  .search.focused .icon-logo {
+  .search.focused .logo {
     opacity: 0;
     z-index: -1;
   }
 
-  .search .icon-logo {
+  .search .logo {
-    margin: 0 10px;
-    transition: 240ms;
     position: relative;
     @extend .u-clickable, .zIndex-5;
+    margin: 0 10px;
+    transition: 240ms;
   }
 
-    .icon-logo .activity-counter {
+  .search .logo .icon-logo {
-      height: 19px;
+    position: relative;
-      min-width: 19px;
+  }
+
+    .search .logo .activity-counter {
+      height: 20px;
+      min-width: 21px;
       position: absolute;
-      right: 0;
+      right: -3px;
-      bottom: 0;
+      bottom: 6px;
-      padding: 0 3px;
+      padding: 0 4px;
-      font-size: 11px;
+      font-size: 13px;
-      line-height: 17px;
+      font-weight: 300;
+      line-height: 16px;
       text-align: center;
       color: white;
       text-shadow: 0 1px 1px rgba(0,0,0,.21);
       background: hsl(360,71%,60%);
       border-radius: 10px;
-      border: 2px solid hsl(232,10%,16%);
+      border: 2px solid hsl(233,10%,16%);
+    }
+
+    .search .logo .activity-counter:empty {
+      display: none;
     }
 
   .search .custom-dropdown-menu {
@@ -2096,7 +2096,7 @@ footer {
 
 .NavBarAdmin.sidebar {
   padding-top: 1px;
-  width: 280px;
+  width: $sidebarWidth;
 }
   .NavBarAdmin h2 {
     margin: 21px 0 12px;
@@ -2743,9 +2743,8 @@ footer {
   padding: 28px 0 0 0;
 }
 
-.marker-icon {
+.icon-marker {
-  fill: black;
+  fill: hsl(0,0%,61%);
-  opacity: .39;
   width: 17px;
   height: 19px;
 }
@@ -3421,7 +3420,7 @@ footer {
 }
 
 .tabsSidebar-sidebarSpacer {
-  margin-right: 280px;
+  margin-right: $sidebarWidth;
   transition: margin 500ms;
 }
 
@@ -3430,7 +3429,7 @@ footer {
 }
 
 .tabsSidebar-sidebarSpacer.is-closed .scrollPageHeader {
-  @extend .tabsSidebar-sidebarSpacer.is-closed;
+  margin-right: 0;
 }
 
 .tabsSidebar-holder {
@@ -3442,7 +3441,7 @@ footer {
 }
 
 .tabsSidebar .sidebar {
-  width: 280px;
+  width: $sidebarWidth;
   border-left: 1px solid #e6e6e6;
   padding: 0;
 }
@@ -3525,7 +3524,7 @@ footer {
   }
 
   .tabsSidebar.is-closed {
-    transform: translateX(280px);
+    transform: translateX($sidebarWidth);
   }
 
   .tabsSidebar-tabs {
@@ -4094,7 +4093,7 @@ footer {
   .dropdown li,
   .dropup li {
     height: 39px;
-    line-height: 38px;
+    line-height: 39px;
     padding: 0 15px;
   }
 
@@ -4153,8 +4152,8 @@ footer {
     a {
       @extend .u-clickable;
       display: flex;
-      min-width: 100%;
+      flex: 1;
-      padding: 3px 18px;
+      padding: 0 18px;
     }
   }
 
@@ -4382,17 +4381,18 @@ footer {
 }
 
 .scrollPageHeader {
-  @extend .tabsSidebar-sidebarSpacer, .zIndex-6;
+  @extend .zIndex-6;
   display: flex;
   align-items: center;
   background: white;
   border-bottom: 1px solid hsl(0,0%,78%);
   height: 64px;
-  left: 260px;
+  top: 0;
+  left: $navigationWidth;
+  right: $sidebarWidth;
   padding: 0 22px;
   position: fixed;
-  right: 0;
+  min-width: $minWidth - $navigationWidth - $sidebarWidth;
-  top: 0;
   transform: translateY(-64px);
 }
 
@@ -4413,6 +4413,13 @@ footer {
     @extend .u-textTruncate;
   }
 
+
+.wizard-logo {
+  fill: white;
+  margin-left: -25px;
+  margin-bottom: 5px;
+}
+
 .wizard-slide {
   @extend .hero-unit;
   display: flex;
@@ -4789,6 +4796,7 @@ label + .wizard-buttonList {
 }
 
 .profile-window {
+  color: hsl(60,1%,34%);
   background: white;
   max-width: 660px;
   margin: 0 auto;
@@ -4919,27 +4927,21 @@ label + .wizard-buttonList {
   @extend .horizontal;
 }
 
-[data-highlightcolor=Yellow]::selection {      background: #f7e7b2; }
+[data-highlightcolor=Yellow]::selection { background: #f7e7b2; }
-[data-highlightcolor=Yellow]::-moz-selection { background: #f7e7b2; }
 .highlight-Yellow { background: #f7e7b2; }
 
-[data-highlightcolor=Green]::selection {      background: #bce7b6; }
+[data-highlightcolor=Green]::selection { background: #bce7b6; }
-[data-highlightcolor=Green]::-moz-selection { background: #bce7b6; }
 .highlight-Green { background: #bce7b6; }
 
-[data-highlightcolor=Blue]::selection {      background: #b3ddf9; }
+[data-highlightcolor=Blue]::selection { background: #b3ddf9; }
-[data-highlightcolor=Blue]::-moz-selection { background: #b3ddf9; }
 .highlight-Blue { background: #b3ddf9; }
 
-[data-highlightcolor=Pink]::selection {      background: #fea9c5; }
+[data-highlightcolor=Pink]::selection { background: #fea9c5; }
-[data-highlightcolor=Pink]::-moz-selection { background: #fea9c5; }
 .highlight-Pink { background: #fea9c5; }
 
-[data-highlightcolor=Purple]::selection {      background: #eac5ee; }
+[data-highlightcolor=Purple]::selection { background: #eac5ee; }
-[data-highlightcolor=Purple]::-moz-selection { background: #eac5ee; }
 .highlight-Purple { background: #eac5ee; }
 
-
 .translationOverview {
   tbody > tr > td {
     padding: 20px 0 0 10px;

extras/icon_authors/list.json

@@ -3,30 +3,34 @@
     "arrow-left.svg": "Felix Niklas",
     "arrow-right.svg": "Felix Niklas",
     "arrow-up.svg": "Felix Niklas",
-    "checkbox-checked.svg": "Felix Niklas",
+    "checkbox-checked.svg": "Zammad",
-    "checkbox.svg": "Felix Niklas",
+    "checkbox.svg": "Zammad",
-    "checkmark.svg": "Felix Niklas",
+    "checkmark.svg": "Zammad",
+    "clipboard.svg": "Felix Niklas",
     "clock.svg": "",
     "cloud.svg": "Felix Niklas",
     "cog.svg": "",
     "dashboard.svg": "",
-    "diagonal-cross.svg": "Felix Niklas",
+    "diagonal-cross.svg": "Zammad",
     "download.svg": "Felix Niklas",
     "email.svg": "",
     "facebook.svg": "Facebook",
+    "full-logo.svg": "Zammad",
     "group.svg": "",
     "help.svg": "Felix Niklas",
     "important.svg": "",
     "in-process.svg": "",
-    "list.svg": "Felix Niklas",
+    "list.svg": "Zammad",
-    "loading.svg": "Felix Niklas",
+    "loading.svg": "Zammad",
-    "lock-open.svg": "Felix Niklas",
+    "lock-open.svg": "Zammad",
-    "lock.svg": "Felix Niklas",
+    "lock.svg": "Zammad",
-    "logo.svg": "",
+    "logo.svg": "Zammad",
-    "long-arrow-right.svg": "Felix Niklas",
+    "logotype.svg": "Zammad",
-    "magnifier.svg": "Felix Niklas",
+    "long-arrow-right.svg": "Zammad",
+    "magnifier.svg": "Zammad",
     "marker.svg": "Felix Niklas",
     "message.svg": "Felix Niklas",
+    "minus.svg": "Zammad",
     "mood-bad.svg": "Zammad",
     "mood-good.svg": "Zammad",
     "mood-ok.svg": "Zammad",
@@ -38,27 +42,28 @@
     "outbound-calls.svg": "",
     "overviews.svg": "",
     "package.svg": "Felix Niklas",
-    "paperclip.svg": "Felix Niklas",
+    "paperclip.svg": "",
-    "pen.svg": "Felix Niklas",
+    "pen.svg": "",
     "person.svg": "",
     "phone.svg": "",
-    "plus.svg": "Felix Niklas",
+    "plus.svg": "Zammad",
-    "priority-modified-inner-circle.svg": "Felix Niklas",
+    "priority-modified-inner-circle.svg": "Zammad",
-    "priority-modified-outer-circle.svg": "Felix Niklas",
+    "priority-modified-outer-circle.svg": "Zammad",
-    "priority.svg": "Felix Niklas",
+    "priority.svg": "Zammad",
-    "radio-checked.svg": "Felix Niklas",
+    "radio-checked.svg": "Zammad",
-    "radio.svg": "Felix Niklas",
+    "radio.svg": "Zammad",
     "received-calls.svg": "",
+    "reload.svg": "Refresh by Anand A Nair from the Noun Project",
     "reopening.svg": "",
     "reply-all.svg": "Felix Niklas",
     "reply.svg": "Felix Niklas",
-    "signout.svg": "",
+    "signout.svg": "Zammad",
-    "split.svg": "",
+    "split.svg": "Felix Niklas",
     "stopwatch.svg": "",
     "switchView.svg": "",
     "team.svg": "",
     "templates.svg": "Felix Niklas",
-    "tools.svg": "Michael Kussmaul",
+    "tools.svg": "tools by Michael Kussmaul from the Noun Project",
     "total-tickets.svg": "",
     "trash.svg": "Felix Niklas",
     "twitter.svg": "",

prototype/css/style.css

@@ -1,280 +0,0 @@
-* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
-html, body { height: 100%; }
-body {
-    width: 100%;
-    margin: 0;
-    color: rgba(0,0,0,.89);
-    font: 12px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
-    background: url(../img/minimalism_by_nerdynotdirty.jpg);
-    background: url(../img/bg.jpg);
-    background-size: cover;
-}
-.avatar {
-    width: 40px;
-    height: 40px;
-    border-radius: 3px;
-    background-size: cover;
-}
-header {
-    height: 40px;
-    padding: 12px 0 8px 13px;
-    background: #eee;
-    border-bottom: 1px solid hsla(222, 10%, 55%,.34);
-}
-    h2 {
-        font-size: 18px;
-        font-weight: normal;
-        float: left;
-    }
-    header input[type=search],
-    header select,
-    header button {
-        margin-right: 13px;
-        float: right;
-    }
-    header button {
-        margin-top: -3px;
-    }
-.sidebar {
-    width: 200px;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    position: absolute;
-    border-right: 1px solid hsla(222, 10%, 55%,.34);
-    z-index: 1;
-}
-    header .agent {
-        padding: 8px;
-        border-bottom: 1px solid hsla(222, 10%, 55%,.34);
-    }
-        header .agent .name { 
-            padding: 12px 21px 0 0;
-            line-height: 18px;
-        }
-        .name {
-            color: black;
-            font-weight: bold;
-        }
-        .userActions {
-            list-style: none;
-            overflow: hidden;
-        }
-        .userActions li {
-            padding-right: 8px;
-            color: hsl(222, 10%, 77%);
-            font-size: 11px;
-            float: left;
-            cursor: pointer;
-        }
-        .userActions li:hover {
-            color: hsl(222, 10%, 34%);
-        }
-        .userActions li:last-child {
-            width: 34%;
-            padding-right: 21px;
-        }
-    .listHeader {
-        padding: 13px 21px 13px;
-        color: hsl(222, 10%, 13%);
-        font-size: 15px;
-        text-transform: uppercase;
-    }
-    .listView li {
-        padding: 13px 21px 13px 34px;
-        color: hsla(222, 10%, 13%, .55);
-        font-weight: bold;
-        cursor: pointer;
-    }
-    .listView li.selected {
-        color: hsl(222, 10%, 13%);
-        background-image: -webkit-linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.13));
-        position: relative;
-    }
-    .listView li.selected:before123 {
-        top: 6px;
-        right: -15px;
-        width: 31px;
-        height: 31px;
-        content: "";
-        background: hsl(222, 10%, 87%);
-        position: absolute;
-        z-index: -1;
-        -webkit-transform: rotate(45deg);
-           -moz-transform: rotate(45deg);
-             -o-transform: rotate(45deg);
-            -ms-transform: rotate(45deg);
-                transform: rotate(45deg);
-    }
-        .listView li .counter {
-            float: right;
-            padding: 1px 5px;
-            font-size: 10px;
-            font-weight: bold;
-            text-shadow: 0 1px rgba(255,255,255,.55);
-            background-color: hsl(55, 100%, 50%);
-            background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.05));
-            border-radius: 2px;
-            border: 1px solid rgba(0,0,0,.34);
-            box-shadow: 
-                0 1px rgba(0,0,0,.05), 
-                0 1px 3px rgba(0,0,0,.05),
-                0 0 0 1px rgba(255,255,255,.21) inset;
-        }
-.twoColumns, .stream, .conversation { 
-    top: 0;
-    bottom: 0;
-    position: absolute;
-}
-.twoColumns {
-    right: 0;
-    left: 200px;
-}
-    .content {
-        left: 0;
-        right: 0;
-        bottom: 0;
-        top: 40px;
-        position: absolute;
-        overflow: auto;
-        background: white;
-    }
-.stream {
-    left: 0;
-    right: 60%;
-    border-right: 1px solid hsla(222, 10%, 55%,.34);
-}
-.stream article { 
-    height: 76px;
-    padding: 13px;
-    position: relative;
-    box-shadow: inset 0 -1px hsla(222, 10%, 55%,.34);
-}
-.stream.important article { border-left: 5px solid rgba(0,255,0,.34); }
-.stream article.urgent { border-left-color: rgba(255,0,0,.55); }
-.stream article.important { border-left-color: rgba(255,180,80,.89); }
-.stream article.selected { 
-    background: hsl(55, 100%, 50%);
-}
-    .stream article.selected p {
-        color: black;
-    }
-.stream section {
-    margin-left: 63px;
-}
-.stream .name { 
-    font-weight: bold;
-}
-.stream nav, .stream .time { 
-    float: right;
-}
-.stream nav {
-    margin-top: -5px;
-}
-.stream nav span { 
-    color: rgba(0,0,0,.34);
-    padding-left: 3px;
-    cursor: pointer;
-}
-.stream nav span:hover {
-    color: rgba(0,0,0,1);
-}
-.stream .time, .stream .channel {
-    padding-left: 5px;
-    color: black;
-    font-size: 0.95em;
-}
-.stream img { 
-    left: 13px;
-    position: absolute;
-    border-radius: 3px;
-}
-    .stream section.answer { 
-        margin-top: 5px;
-        padding: 5px 8px 8px 36px;
-        background: rgba(0,0,0,0.05);
-        position: relative;
-        overflow: hidden;
-    }
-    .stream section.answer textarea { 
-        width: 100%;
-        margin-bottom: 5px;
-        font: 12px/18px "Helvetica Neue", Helvetica, sans-serif;
-        border: 1px solid rgba(0,0,0,.21);
-        box-shadow: 1px 1px white, inset 1px 1px rgba(0,0,0,0.05);
-    }
-    .stream section.answer button { float: right; }
-    .stream section.answer img { top: 6px; left: 5px; width: 25px; border-radius: 2px; }
-    .stream p {
-        height: 32px;
-        color: rgba(0,0,0,.50);
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-.conversation {
-    left: 40%;
-    right: 0;
-}
-    .conversation section { 
-        margin: 13px;
-        overflow: hidden;
-        position: relative;
-    }
-    .conversation .info { width: 50px; position: absolute; }
-        .conversation .info img { margin-top: 1px; border-radius: 3px; }
-        .conversation .agent .info { right: 0; }
-    .conversation .agent .info { float: right; }
-    .conversation .agent .body, .conversation .customer .body {
-        min-height: 34px;
-        float: left;
-        padding: 0 13px;
-        margin: 0 0 13px 58px;
-        background: white;
-        border-radius: 5px;
-        box-shadow: 0 1px 2px hsla(222, 10%, 55%,.34);
-    }
-    .conversation .agent .body { float: right; margin: 0 58px 13px 0; }
-    .converastion .agent { float: right; }
-    .conversation .body p {
-        margin: 8px 0;
-    }
-    .converastion .customer { float: left; }
-    blockquote {
-      margin: 8px 0;
-      padding: 0 8px;
-      color: #144fae;
-      border-left: 2px solid #144fae;
-    }
-
-    blockquote blockquote {
-      color: #006312;
-      border-color: #006312;
-    }
-
-    blockquote blockquote blockquote {
-      color: #540000;
-      border-color: #540000;
-    }
-button {
-    padding: 3px 13px;
-    color: rgba(0,0,0,.89);
-    line-height: 15px;
-    text-shadow: 0 1px rgba(255,255,255,.34);
-    background: rgba(0,0,0,.13);
-    background: -webkit-linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08));
-    background: -moz-linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08));
-    background: linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08));
-    border: 1px solid rgba(0,0,0,.21);
-    border-radius: 2px;
-    box-shadow: inset 0 1px rgba(255,255,255,.34), 0 1px rgba(0,0,0,.05);
-    cursor: pointer;
-}
-    button.main { font-weight: bold; }
-    
-/* helpers */
-.clearfix:after {
-  content: "";
-  clear: both;
-  display: block;
-  height: 0;
-}

prototype/index.html

@@ -1,265 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <title>Zammad</title>
-  <link href="css/style.css" rel="stylesheet" />
-</head>
-<body>
-    <div class="sidebar">
-        <header class="clearfix">
-        </header>
-        <div class="content">
-            <!--<div class="topbar agent clearfix">
-              <div class="avatarHolder">
-                <div class="avatar" style="background-image: url(img/agent.jpg)"></div>
-              </div>
-              <div class="name">Stefan Lober</div>
-              <ul class="userActions">
-                <li class="settings">Settings</li>
-                <li class="logout">Logout</li>
-              </ul>
-            </div>-->
-            <div class="inbox">
-              <div class="listHeader">Tickets</div>
-              <ul class="listView">
-                <li class="all selected">All <span class="new counter">15</span></li>
-                <li class="personal">My</li>
-                <li class="escalating">Escalating</li>
-                <li class="unassigned">Unassigned</li>
-              </ul>
-            </div>
-        </div>
-    </div>
-    <div class="twoColumns">
-        <div class="stream">
-            <header class="clearfix">
-              <h2>All Tickets</h2>
-              <!--<label for="sortby">Sorty By</label>-->
-              <select id="sortby">
-                <option selected>Sort by</option>
-                <option>Date</option>
-                <option>Escalation</option>
-                <option>Answers</option>
-                <option>Agent</option>
-                <option>Source</option>
-              </select>
-              <input type="search" placeholder="Search Tickets.." />
-            </header>
-            <div class="content">
-              <article class="ma urgent">
-                  <img src="img/user2.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Jennifer Rostock</span><span class="channel">via Mail</span>
-                          <span class="time">30 seconds ago</span>
-                      </div>
-                      <p>What?! As you wish. No! Alderaan is peaceful. We have no weapons. You can't possibly… But with the blast shield down, I can't even see! How am I supposed to fight? Hey, Luke! May the Force be with you.</p>
-                  </section>
-              </article>
-              <article class="tw urgent">
-                  <img src="img/user3.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Thomas B.</span><span class="channel">via Twitter</span>
-                          <span class="time">5 minutes ago</span>
-                      </div>
-                      <p>As you wish. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed. Partially, but it also obeys your commands. Red Five standing by. I call it luck. Don't underestimate the Force.</p>
-                  </section>
-              </article>
-              <article class="fb urgent">
-                  <img src="img/user4.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Martin R.</span><span class="channel">via Mail</span>
-                          <span class="time">5 hours ago</span>
-                      </div>
-                      <p>I want to know what happened to the plans they sent you. A tremor in the Force. The last time I felt it was in the presence of my old master.</p>
-                  </section>
-              </article>
-              <article class="facebook urgent">
-                  <img src="img/user5.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Stefan Lohammer</span><span class="channel">via Facebook</span>
-                          <span class="time">2 days</span>
-                      </div>
-                      <p>I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
-                  </section>
-              </article>
-              <article class="facebook important">
-                  <img src="img/user6.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Anna Huber</span>
-                          <span class="time">5 days</span>
-                      </div>
-                      <p>Your eyes can deceive you. Don't trust them. I want to come with you to Alderaan. There's nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me.</p>
-                  </section>
-              </article>
-              <article class="fb selected">
-                  <img src="img/user7.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Ramona Kurzer</span>
-                          <span class="time">1 week ago</span>
-                      </div>
-                      <p>I'm surprised you had the courage to take the responsibility yourself. I can't get involved! I've got work to do! It's not that I like the Empire, I hate it, but there's nothing I can do about it right now. It's such a long way from here. The Force is strong with this one. I have you now.</p>
-                  </section>
-              </article>
-              <article class="fb important">
-                  <img src="img/user8.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Philipp Maier</span>
-                          <span class="time">2 weeks ago</span>
-                      </div>
-                      <p>Escape is not his plan. I must face him, alone. But with the blast shield down, I can't even see! How am I supposed to fight? All right. Well, take care of yourself, Han. I guess that's what you're best at, ain't it?</p>
-                  </section>
-              </article>
-              <article class="fb important">
-                  <img src="img/user9.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Simon Lanz</span>
-                          <span class="time">1 month ago</span>
-                      </div>
-                      <p>
-                        Don't act so surprised, Your Highness. You weren't on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you. In my experience, there is no such thing as luck. I call it luck. Ye-ha!
-                      </p>
-                  </section>
-              </article>
-              <article class="fb">
-                  <img src="img/user11.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Elisabeth Franke</span>
-                          <span class="time">3 months ago</span>
-                      </div>
-                      <p>
-                        I don't know what you're talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan-- I'm trying not to, kid. You don't believe in the Force, do you? Look, I ain't in this for your revolution, and I'm not in it for you, Princess. I expect to be well paid.
-                      </p>
-                  </section>
-              </article>
-              <article class="fb">
-                  <img src="img/user12.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Franz Huber</span>
-                          <span class="time">6 months ago</span>
-                      </div>
-                      <p>
-                        I'm in it for the money. She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There'll be no one to stop us this time!
-                      </p>
-                  </section>
-              </article>
-              <article class="fb">
-                  <img src="img/user13.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Lars Friedrich</span>
-                          <span class="time">1 year ago</span>
-                      </div>
-                      <p>
-                        Obi-Wan is here. The Force is with him. Partially, but it also obeys your commands. Hokey religions and ancient weapons are no match for a good blaster at your side, kid. All right. 
-                      </p>
-                  </section>
-              </article>
-              <article class="fb">
-                  <img src="img/user10.jpg" />
-                  <section>
-                      <div class="info">
-                          <span class="name">Felix</span>
-                          <span class="time">3 years ago</span>
-                      </div>
-                      <p>
-                        Well, take care of yourself, Han. I guess that's what you're best at, ain't it? Remember, a Jedi can feel the Force flowing through him. You don't believe in the Force, do you?
-                      </p>
-                  </section>
-              </article>
-            </div>
-        </div><!-- /stream -->
-        <div class="conversation">
-            <header class="clearfix">
-              <h2>Ramona Kurzer</h2>
-              <button class="profil">Profil</button>
-              <button class="tickets">Tickets</button>
-            </header>
-            <div class="content">
-              <section class="customer">
-                  <div class="info"><img src="img/user7.jpg" /></div>
-                  <div class="body">
-                    <p>I'm surprised you had the courage to take the responsibility yourself. I can't get involved! I've got work to do! It's not that I like the Empire, I hate it, but there's nothing I can do about it right now. It's such a long way from here. The Force is strong with this one. I have you now.</p>
-                  </div>
-              </section>
-              <section class="agent">
-                  <div class="info"><img src="img/user1.jpg" /></div>
-                  <div class="body">
-                    <p>Don't act so surprised, Your Highness.<br>
-                      <br>
-                      You weren't on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies.
-                    </p>
-                    <p>I want to know what happened to the plans they sent you. I can't get involved! I've got work to do!</p>
-                    <p>It's not that I like the Empire, I hate it, but there's nothing I can do about it right now. It's such a long way from here. Obi-Wan is here. The Force is with him. I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. The Force is strong with this one. I have you now.</p>
-                  </div>
-              </section>
-              <section class="agent note">
-                  <div class="info"><img src="img/user1.jpg" /></div>
-                  <div class="body">
-                    <p>These dialogs are from the movie 'Star Wars'. <a href="http://chrisvalleskey.com/fillerama/" target="_blank">Source</a></p>
-                  </div>
-              </section>
-              <section class="customer">                
-                  <div class="info"><img src="img/user7.jpg" /></div>
-                  <div class="body">
-                    <p>
-                      The plans you refer to will soon be back in our hands. I'm trying not to, kid. I need your help, Luke. She needs your help. I'm getting too old for this sort of thing. I have traced the Rebel spies to her. Now she is my only link to finding their secret base.
-                    </p>
-                  </div>
-              </section>
-              <section class="agent">
-                  <div class="info"><img src="img/user1.jpg" /></div>
-                  <div class="body">
-                    <p>
-                      Red Five standing by. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed. The Force is strong with this one. I have you now. I don't know what you're talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan-- Partially, but it also obeys your commands.
-                    </p>
-                  </div>
-              </section>
-              <section class="customer">
-                  <div class="info"><img src="img/user7.jpg" /></div>
-                  <div class="body">
-                    <p>
-                      The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. You're all clear, kid. Let's blow this thing and go home! I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Hey, Luke! May the Force be with you.
-                    </p>
-                    <p>
-                      You don't believe in the Force, do you? The Force is strong with this one. I have you now. All right. Well, take care of yourself, Han. I guess that's what you're best at, ain't it? I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. I have traced the Rebel spies to her. Now she is my only link to finding their secret base.
-                    </p>
-                  </div>
-              </section>
-              <section class="agent">
-                  <div class="info"><img src="img/user1.jpg" /></div>
-                  <div class="body">
-                    <p>
-                      Still, she's got a lot of spirit. I don't know, what do you think? Partially, but it also obeys your commands. No! Alderaan is peaceful. We have no weapons. You can't possibly… I don't know what you're talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan-- As you wish.
-                    </p>
-                  </div>
-              </section>
-              <section class="customer">
-                  <div class="info"><img src="img/user7.jpg" /></div>
-                  <div class="body">
-                    <p>
-                      I'm surprised you had the courage to take the responsibility yourself. As you wish. I find your lack of faith disturbing. Your eyes can deceive you. Don't trust them. A tremor in the Force. The last time I felt it was in the presence of my old master.
-                    </p>
-                  </div>
-              </section>
-            </div>
-        </div>
-    </div>
-    <script type="text/javascript" src="../app/assets/javascripts/app/lib/jquery-1.7.2.min.js"></script>
-    <script>
-      $('.stream article').click(function(){
-        $(this).addClass('selected').siblings().removeClass('selected');
-      });
-    </script>
-</body>
-</html>

public/assets/images/full logo on dark.svg

@@ -1,68 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="825px" height="221px" viewBox="0 0 825 221" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
-    <title>logo on dark</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="on-dark" sketch:type="MSLayerGroup" transform="translate(412.500000, 110.500000) scale(1, -1) translate(-412.500000, -110.500000) ">
-            <g id="g12" transform="translate(6.321125, 43.279375)" fill="#D9B42F" sketch:type="MSShapeGroup">
-                <path d="M105,38.75 L0.05875,0.3475 L145.67375,17.5025 L105,38.75 L105,38.75 Z" id="path14"></path>
-            </g>
-            <g id="g16" transform="translate(31.321125, 49.529375)" fill="#FFE188" sketch:type="MSShapeGroup">
-                <path d="M80,32.5 L93.85125,0.105 L-0.38,44.8725 L80,32.5 L80,32.5 Z" id="path18"></path>
-            </g>
-            <g id="g20" transform="translate(232.658750, 137.439750)" fill="#E83F00" sketch:type="MSShapeGroup">
-                <path d="M22.5,21.25 L10.93375,16.625 L0.2525,-0.14375 L22.5,21.25 L22.5,21.25 Z" id="path22"></path>
-            </g>
-            <g id="g24" transform="translate(176.653250, 133.956250)" fill="#CD2015" sketch:type="MSShapeGroup">
-                <path d="M56.25,20 L-0.56375,5.4825 L24.215,0.31875 L56.25,20 L56.25,20 Z" id="path26"></path>
-            </g>
-            <g id="g28" transform="translate(182.903250, 145.206250)" fill="#E83F00" sketch:type="MSShapeGroup">
-                <path d="M50,8.75 L0.09125,6.16875 L15.135,-0.1425 L50,8.75 L50,8.75 Z" id="path30"></path>
-            </g>
-            <g id="g32" transform="translate(111.347125, 76.623000)" fill="#EA4F86" sketch:type="MSShapeGroup">
-                <path d="M92.5,5 L112.4675,43.165 L124.26125,78.9525 L-0.02625,5.40625 L40.06375,-0.11 L92.5,5 L92.5,5 Z" id="path34"></path>
-            </g>
-            <g id="g36" transform="translate(111.229250, 82.059500)" fill="#00A2C9" sketch:type="MSShapeGroup">
-                <path d="M35,103.75 L0.0925,-0.03 L21.22375,12.4625 L35,103.75 L35,103.75 Z" id="path38"></path>
-            </g>
-            <g id="g40" transform="translate(92.479250, 158.309500)" fill="#00A2C9" sketch:type="MSShapeGroup">
-                <path d="M53.75,27.5 L-0.23875,62.21 L55.0725,-0.405 L53.75,27.5 L53.75,27.5 Z" id="path42"></path>
-            </g>
-            <g id="g44" transform="translate(82.021000, 147.289125)" fill="#5A8794" sketch:type="MSShapeGroup">
-                <path d="M65,22.5 L-0.0775,42.60875 L65.7975,0.1225 L65,22.5 L65,22.5 Z" id="path46"></path>
-            </g>
-            <g id="g48" transform="translate(85.771000, 139.789125)" fill="#005971" sketch:type="MSShapeGroup">
-                <path d="M61.25,30 L0.21625,-0.16125 L62.0475,7.6225 L61.25,30 L61.25,30 Z" id="path50"></path>
-            </g>
-            <g id="g52" transform="translate(223.892500, 119.980500)" fill="#CD2015" sketch:type="MSShapeGroup">
-                <path d="M0,0 L29.29375,45.87625 L11.71625,35.595 L0,0 L0,0 Z" id="path54"></path>
-            </g>
-            <g id="g56" transform="translate(132.550750, 94.867250)" fill="#5EB2D1" sketch:type="MSShapeGroup">
-                <path d="M17.5,10 L13.67875,90.9425 L-0.0975,-0.345 L17.5,10 L17.5,10 Z" id="path58"></path>
-            </g>
-            <g id="g60" transform="translate(181.155000, 81.965750)" fill="#F59B00" sketch:type="MSShapeGroup">
-                <path d="M18.75,52.5 L29.26125,12.15875 L22.6925,-0.3425 L-0.28875,41.22625 L18.75,52.5 L18.75,52.5 Z" id="path62"></path>
-            </g>
-            <g id="g64" transform="translate(125.097125, 49.123000)" fill="#E83F00" sketch:type="MSShapeGroup">
-                <path d="M78.75,32.5 L26.31375,27.39 L0.075,0.51125 L78.75,32.5 L78.75,32.5 Z" id="path66"></path>
-            </g>
-            <g id="g68" transform="translate(146.347125, 76.623000)" fill="#BAE2F5" sketch:type="MSShapeGroup">
-                <path d="M57.5,5 L-0.1175,109.18625 L5.06375,-0.11 L57.5,5 L57.5,5 Z" id="path70"></path>
-            </g>
-            <g id="g72" transform="translate(96.300750, 57.367250)" fill="#F59B00" sketch:type="MSShapeGroup">
-                <path d="M53.75,47.5 L55.11125,19.145 L0.38125,-0.1575 L15.02,24.6625 L53.75,47.5 L53.75,47.5 Z" id="path74"></path>
-            </g>
-            <g id="g76" transform="translate(0.071125, -0.470625)" fill="#FFD130" sketch:type="MSShapeGroup">
-                <path d="M111.25,82.5 L151.34,76.9825 L125.10125,50.105 L0.17625,-0.495 L111.25,82.5 L111.25,82.5 Z" id="path78"></path>
-            </g>
-            <path d="M293.998,67.0325 L341.8405,136.03625 C343.6805,138.665 345.65175,140.505 345.65175,140.505 L345.65175,140.76875 C345.65175,140.76875 343.023,140.37375 340.39425,140.37375 L306.08925,140.37375 L306.08925,125.91625 L294.65425,125.91625 L294.65425,151.15125 L361.5555,151.15125 L361.5555,142.6075 L313.713,73.4725 C311.873,70.845 309.90175,69.00375 309.90175,69.00375 L309.90175,68.74125 C309.90175,68.74125 312.5305,69.13625 315.15925,69.13625 L351.4355,69.13625 L351.4355,84.12 L362.8705,84.12 L362.8705,58.35875 L293.998,58.35875 L293.998,67.0325 L293.998,67.0325 Z" id="path90" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-            <path d="M393.889375,66.638125 C405.193125,66.638125 412.159375,78.204375 412.159375,88.194375 L412.159375,90.954375 L408.873125,90.954375 C402.826875,90.954375 381.929375,90.690625 381.929375,77.941875 C381.929375,72.028125 386.265625,66.638125 393.889375,66.638125 M407.821875,99.234375 L412.028125,99.234375 L412.028125,101.731875 C412.028125,112.246875 405.981875,115.926875 397.833125,115.926875 C387.318125,115.926875 378.774375,109.486875 378.774375,109.486875 L373.648125,118.555625 C373.648125,118.555625 383.374375,126.441875 398.884375,126.441875 C415.839375,126.441875 424.776875,117.635625 424.776875,100.811875 L424.776875,71.106875 C424.776875,69.135625 425.829375,68.215625 427.668125,68.215625 L434.371875,68.215625 L434.371875,58.358125 L421.096875,58.358125 C415.181875,58.358125 412.816875,61.249375 412.816875,65.586875 L412.816875,66.508125 C412.816875,69.135625 413.341875,70.844375 413.341875,70.844375 L413.079375,70.844375 C413.079375,70.844375 407.295625,56.780625 391.129375,56.780625 C380.088125,56.780625 369.048125,63.221875 369.048125,76.890625 C369.048125,97.789375 396.780625,99.234375 407.821875,99.234375" id="path94" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-            <path d="M441.339375,68.215375 L451.723125,68.215375 L451.723125,112.246625 C451.723125,114.086625 450.671875,115.006625 448.830625,115.006625 L440.683125,115.006625 L440.683125,124.864125 L455.665625,124.864125 C461.316875,124.864125 464.076875,122.366625 464.076875,117.504125 L464.076875,114.086625 C464.076875,111.984125 463.683125,110.275375 463.683125,110.275375 L463.945625,110.275375 C467.231875,118.161625 476.826875,126.441625 487.604375,126.441625 C498.250625,126.441625 504.821875,121.577875 507.056875,110.800375 L507.319375,110.800375 C511.000625,119.081625 520.200625,126.441625 531.109375,126.441625 C545.830625,126.441625 552.796875,117.899125 552.796875,100.944125 L552.796875,68.215375 L563.310625,68.215375 L563.310625,58.357875 L540.046875,58.357875 L540.046875,98.184125 C540.046875,107.514125 538.339375,114.875375 528.349375,114.875375 C515.863125,114.875375 508.764375,102.126625 508.764375,88.982875 L508.764375,68.215375 L519.149375,68.215375 L519.149375,58.357875 L496.015625,58.357875 L496.015625,98.184125 C496.015625,106.857875 494.701875,114.875375 484.449375,114.875375 C471.833125,114.875375 464.471875,101.469125 464.471875,88.456625 L464.471875,68.215375 L474.986875,68.215375 L474.986875,58.357875 L441.339375,58.357875 L441.339375,68.215375 L441.339375,68.215375 Z" id="path98" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-            <path d="M562.26225,68.215375 L572.646,68.215375 L572.646,112.246625 C572.646,114.086625 571.59475,115.006625 569.75475,115.006625 L561.606,115.006625 L561.606,124.864125 L576.5885,124.864125 C582.23975,124.864125 584.99975,122.366625 584.99975,117.504125 L584.99975,114.086625 C584.99975,111.984125 584.606,110.275375 584.606,110.275375 L584.86975,110.275375 C588.156,118.161625 597.751,126.441625 608.5285,126.441625 C619.1735,126.441625 625.746,121.577875 627.97975,110.800375 L628.2435,110.800375 C631.9235,119.081625 641.1235,126.441625 652.03225,126.441625 C666.7535,126.441625 673.71975,117.899125 673.71975,100.944125 L673.71975,68.215375 L684.23475,68.215375 L684.23475,58.357875 L660.971,58.357875 L660.971,98.184125 C660.971,107.514125 659.26225,114.875375 649.27225,114.875375 C636.786,114.875375 629.6885,102.126625 629.6885,88.982875 L629.6885,68.215375 L640.07225,68.215375 L640.07225,58.357875 L616.93975,58.357875 L616.93975,98.184125 C616.93975,106.857875 615.62475,114.875375 605.3735,114.875375 C592.756,114.875375 585.39475,101.469125 585.39475,88.456625 L585.39475,68.215375 L595.90975,68.215375 L595.90975,58.357875 L562.26225,58.357875 L562.26225,68.215375 L562.26225,68.215375 Z" id="path102" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-            <path d="M713.943125,66.638125 C725.246875,66.638125 732.213125,78.204375 732.213125,88.194375 L732.213125,90.954375 L728.926875,90.954375 C722.880625,90.954375 701.983125,90.690625 701.983125,77.941875 C701.983125,72.028125 706.319375,66.638125 713.943125,66.638125 M727.875625,99.234375 L732.081875,99.234375 L732.081875,101.731875 C732.081875,112.246875 726.035625,115.926875 717.885625,115.926875 C707.371875,115.926875 698.828125,109.486875 698.828125,109.486875 L693.703125,118.555625 C693.703125,118.555625 703.428125,126.441875 718.938125,126.441875 C735.893125,126.441875 744.830625,117.635625 744.830625,100.811875 L744.830625,71.106875 C744.830625,69.135625 745.881875,68.215625 747.721875,68.215625 L754.425625,68.215625 L754.425625,58.358125 L741.150625,58.358125 C735.235625,58.358125 732.870625,61.249375 732.870625,65.586875 L732.870625,66.508125 C732.870625,69.135625 733.396875,70.844375 733.396875,70.844375 L733.133125,70.844375 C733.133125,70.844375 727.350625,56.780625 711.183125,56.780625 C700.143125,56.780625 689.101875,63.221875 689.101875,76.890625 C689.101875,97.789375 716.834375,99.234375 727.875625,99.234375" id="path106" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-            <path d="M784.525375,67.821 C794.382875,67.821 803.715375,74.91975 803.715375,91.47975 C803.715375,103.7035 797.536625,115.26975 784.919125,115.26975 C774.272875,115.26975 765.730375,106.726 765.730375,91.611 C765.730375,77.1535 773.484125,67.821 784.525375,67.821 M782.947875,126.441 C798.062875,126.441 803.452875,115.26975 803.452875,115.26975 L803.715375,115.26975 C803.715375,115.26975 803.320375,117.37225 803.320375,120.26475 L803.320375,141.2935 L792.279125,141.2935 L792.279125,151.15225 L816.069125,151.15225 L816.069125,71.10725 C816.069125,69.136 817.120375,68.21475 818.961625,68.21475 L825.664125,68.21475 L825.664125,58.3585 L812.389125,58.3585 C806.475375,58.3585 804.109125,61.24975 804.109125,65.58725 L804.109125,66.50725 C804.109125,68.741 804.502875,70.056 804.502875,70.056 L804.240375,70.056 C804.240375,70.056 798.851625,56.781 781.765375,56.781 C763.889125,56.781 752.717875,70.976 752.717875,91.611 C752.717875,112.77225 765.071625,126.441 782.947875,126.441" id="path110" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>

public/assets/images/icons/clipboard.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>clipboard</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="clipboard" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M5,3.00000001 L5,1.501231 C5,1.219729 5.2226871,1 5.4973856,1 L13.5026144,1 C13.7745373,1 14,1.2244085 14,1.501231 L14,11.498769 C14,11.780271 13.7773129,12 13.5026144,12 L12,12 L12,10 L12.4623449,10 C12.7592836,10 13,9.7780675 13,9.5 C13,9.2238575 12.7590441,9 12.4623449,9 L12,9 L12,8 L12.4623449,8 C12.7592836,8 13,7.7780675 13,7.5 C13,7.2238575 12.7590441,7 12.4623449,7 L12,7 L12,6 L12.4623449,6 C12.7592836,6 13,5.7780675 13,5.5 C13,5.2238575 12.7590441,5 12.4623449,5 L12,5 L12,3.50123101 C12,3.22440851 11.7745373,3.00000001 11.5026144,3.00000001 L10.4459054,3.00000001 C10.4458729,3 10.4458407,3 10.4458086,3 L6.55419144,3 C6.55415915,3 6.55412686,3 6.55409457,3.00000001 L5,3.00000001 Z M2,4.501231 L2,14.498769 C2,14.7755915 2.2254627,15 2.4973856,15 L10.5026144,15 C10.7773129,15 11,14.780271 11,14.498769 L11,4.501231 C11,4.2244085 10.7745373,4 10.5026144,4 L2.4973856,4 C2.2226871,4 2,4.219729 2,4.501231 Z M3.55419144,6 C3.24812,6 3,6.2219325 3,6.5 C3,6.7761425 3.24795078,7 3.55419144,7 L7.44580856,7 C7.75188,7 8,6.7780675 8,6.5 C8,6.2238575 7.75204922,6 7.44580856,6 L3.55419144,6 Z M3.53765507,8 C3.2407164,8 3,8.2219325 3,8.5 C3,8.7761425 3.24095582,9 3.53765507,9 L9.46234487,9 C9.7592836,9 10,8.7780675 10,8.5 C10,8.2238575 9.75904413,8 9.46234487,8 L3.53765507,8 Z M3.53765507,10 C3.2407164,10 3,10.2219325 3,10.5 C3,10.7761425 3.24095582,11 3.53765507,11 L9.46234487,11 C9.7592836,11 10,10.7780675 10,10.5 C10,10.2238575 9.75904413,10 9.46234487,10 L3.53765507,10 Z M3.53765507,12 C3.2407164,12 3,12.2219325 3,12.5 C3,12.7761425 3.24095582,13 3.53765507,13 L9.46234487,13 C9.7592836,13 10,12.7780675 10,12.5 C10,12.2238575 9.75904413,12 9.46234487,12 L3.53765507,12 Z" id="templates" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

public/assets/images/icons/logo.svg

@@ -6,26 +6,24 @@
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
         <g id="logo" sketch:type="MSArtboardGroup">
-            <g id="Group" sketch:type="MSLayerGroup">
+            <g sketch:type="MSLayerGroup" transform="translate(1.000000, 0.000000)" id="Shape">
-                <path d="M18.343,22.361 L1.976,28.326 L24.686,25.662 L18.343,22.361" id="Shape" fill="#D9B42F" sketch:type="MSShapeGroup"></path>
+                <path d="M27.3375,12.6 L36.72,9.72 L31.1625,13.2525 L27.3375,12.6 Z" fill="#CA2317" sketch:type="MSShapeGroup"></path>
-                <path d="M18.418,22.339 L20.578,27.369 L5.88,20.415 L18.417,22.337" id="Shape" fill="#FFE188" sketch:type="MSShapeGroup"></path>
+                <path d="M33.0525,19.62 L31.1625,13.2525 L36.72,9.72 L35.055,15.435 L33.0525,19.62 Z" fill="#E84F83" sketch:type="MSShapeGroup"></path>
-                <path d="M41.566,9.722 L39.762,10.44 L38.096,13.045 L41.566,9.722" id="Shape" fill="#E83F00" sketch:type="MSShapeGroup"></path>
+                <path d="M39.465,7.9875 L38.43,9.72 L35.055,15.435 L36.72,9.72 L39.465,7.9875 Z" fill="#CA2317" sketch:type="MSShapeGroup"></path>
-                <path d="M37.19,10.694 L28.329,12.95 L32.194,13.751 L37.19,10.694" id="Shape" fill="#CD1F14" sketch:type="MSShapeGroup"></path>
+                <path d="M39.8025,9.1125 L37.1925,11.79 L38.43,9.72 L39.8025,9.1125 Z" fill="#E54011" sketch:type="MSShapeGroup"></path>
-                <path d="M38.07,10.694 L30.286,11.095 L32.633,12.076 L38.07,10.694" id="Shape" fill="#E83F00" sketch:type="MSShapeGroup"></path>
+                <path d="M27.9,10.8225 L35.5725,10.0575 L30.24,11.7 L27.9,10.8225 Z" fill="#E54011" sketch:type="MSShapeGroup"></path>
-                <path d="M33,22.18 L36.114,16.251 L37.953,10.692 L18.569,22.117 L24.821,22.974 L33,22.181" id="Shape" fill="#EB4F86" sketch:type="MSShapeGroup"></path>
+                <path d="M28.1925,15.165 L31.1625,13.2525 L33.0525,19.62 L32.0625,21.645 L28.1925,15.165 Z" fill="#CA2317" sketch:type="MSShapeGroup"></path>
-                <g transform="translate(15.000000, 0.000000)" id="Shape" fill="#00A2C9" sketch:type="MSShapeGroup">
+                <path d="M23.76,22.725 L22.3425,5.4 L32.0625,21.645 L23.76,22.725 Z" fill="#B7DFF2" sketch:type="MSShapeGroup"></path>
-                    <path d="M9.02,5.833 L3.576,21.953 L6.872,20.012 L9.021,5.832"></path>
+                <path d="M19.7325,27.1575 L23.76,22.725 L32.0625,21.645 L19.7325,27.1575 Z" fill="#E54011" sketch:type="MSShapeGroup"></path>
-                    <path d="M9.06,5.392 L0.639,0 L9.266,9.726 L9.06,5.392"></path>
+                <path d="M0.1575,35.865 L19.7325,27.1575 L23.76,22.725 L17.37,22.0725 L0.1575,35.865 Z" fill="#FFCE33" sketch:type="MSShapeGroup"></path>
-                </g>
+                <path d="M0.9,28.755 L10.9575,27.225 L14.085,24.705 L12.555,24.03 L0.9,28.755 Z" fill="#D6B12D" sketch:type="MSShapeGroup"></path>
-                <path d="M23.841,7.984 L13.691,4.861 L23.965,11.46 L23.841,7.983" id="Shape" fill="#5A8794" sketch:type="MSShapeGroup"></path>
+                <path d="M4.5225,20.5425 L14.085,24.705 L17.37,22.0725 L4.5225,20.5425 Z" fill="#FFDE85" sketch:type="MSShapeGroup"></path>
-                <path d="M24.19,8.75 L14.67,13.435 L24.314,12.227 L24.19,8.75" id="Shape" fill="#005971" sketch:type="MSShapeGroup"></path>
+                <path d="M21.6225,11.6775 L20.4075,11.88 L17.37,22.0725 L20.655,20.0025 L21.6225,11.6775 Z" fill="#009EC6" sketch:type="MSShapeGroup"></path>
-                <path d="M36.14,15.875 L40.71,8.75 L37.968,10.346 L36.141,15.875" id="Shape" fill="#CD1F14" sketch:type="MSShapeGroup"></path>
+                <path d="M23.4,18.2475 L20.655,20.0025 L22.3425,5.4 L23.4,18.2475 Z" fill="#5EAFCE" sketch:type="MSShapeGroup"></path>
-                <path d="M25.22,18.406 L24.624,5.833 L22.475,20.013 L25.22,18.406" id="Shape" fill="#5EB2D1" sketch:type="MSShapeGroup"></path>
+                <path d="M13.0275,13.05 L21.6225,11.6775 L22.005,8.28 L13.0275,13.05 Z" fill="#045972" sketch:type="MSShapeGroup"></path>
-                <path d="M32.28,13.611 L33.919,19.877 L32.895,21.82 L29.31,15.363 L32.28,13.611" id="Shape" fill="#F69B00" sketch:type="MSShapeGroup"></path>
+                <path d="M12.105,5.085 L19.575,9.585 L22.005,8.28 L22.0725,7.8075 L12.105,5.085 Z" fill="#5A8591" sketch:type="MSShapeGroup"></path>
-                <path d="M32.795,22.361 L24.616,23.154 L20.524,27.33 L32.795,22.361" id="Shape" fill="#E83F00" sketch:type="MSShapeGroup"></path>
+                <path d="M13.5675,0.18 L20.3625,7.335 L22.0725,7.8075 L22.3425,5.4 L13.5675,0.18 Z" fill="#009EC6" sketch:type="MSShapeGroup"></path>
-                <path d="M33.415,22.02 L24.428,5.836 L25.236,22.813 L33.415,22.02" id="Shape" fill="#BAE2F6" sketch:type="MSShapeGroup"></path>
+                <path d="M17.37,22.0725 L23.4,18.2475 L23.76,22.725 L17.37,22.0725 Z" fill="#F39804" sketch:type="MSShapeGroup"></path>
-                <path d="M24.943,18.472 L25.155,22.876 L16.619,25.874 L18.902,22.019 L24.942,18.471" id="Shape" fill="#F69B00" sketch:type="MSShapeGroup"></path>
-                <path d="M18.323,22.361 L24.575,23.218 L20.483,27.394 L0.999,35.253 L18.322,22.361" id="Shape" fill="#FFD130" sketch:type="MSShapeGroup"></path>
             </g>
         </g>
     </g>

public/assets/images/icons/minus.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>minus</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="minus" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M2,8 L2,11 L19,11 L19,8 L2,8 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

public/assets/images/icons/reload.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>reload</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="reload" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M10.9213517,12.2100235 C10.0392381,12.8276864 9.00894406,13.1383518 7.95425898,13.1233137 C7.81524815,13.1212964 7.6766041,13.1150611 7.53961058,13.1025904 C7.48385953,13.0974555 7.42755831,13.0881025 7.37144048,13.0807668 C7.2641564,13.0673792 7.15687231,13.0527079 7.05105536,13.0318013 C6.98650152,13.0193306 6.9235982,13.003559 6.85996131,12.9881541 C6.75689524,12.9641298 6.65474611,12.9401055 6.55443091,12.9098459 C6.50583214,12.8953579 6.45888389,12.8775689 6.41120207,12.8619806 C6.2949318,12.8234684 6.17994527,12.7827555 6.067893,12.7358072 C6.04221818,12.7253539 6.01782709,12.7139836 5.99233566,12.70243 C5.86102728,12.6450284 5.73191959,12.5837756 5.60647974,12.5157373 C5.6007946,12.512803 5.59547624,12.509502 5.5897911,12.5063843 C5.16523955,12.2742106 4.77718293,11.9835349 4.43717491,11.6438936 C4.43148977,11.6378417 4.42617141,11.6316064 4.42048627,11.6261047 C4.31540289,11.5199209 4.21435412,11.4082354 4.11844031,11.2928821 C4.09790045,11.2688578 4.07901112,11.2418993 4.05865465,11.2167746 C3.36543441,10.3502493 2.94766835,9.25338416 2.94766835,8.05950486 L4.28110866,8.05950486 L2.1475308,4.86005503 L0.0143197295,8.05987164 L1.34776004,8.05987164 C1.34776004,9.46300076 1.785149,10.7630638 2.52806837,11.8381054 C2.53742134,11.853877 2.54365665,11.8692819 2.55410998,11.8839533 C2.63131784,11.994355 2.71659493,12.0954038 2.79875437,12.1995702 C2.82993094,12.2391828 2.85817325,12.2798957 2.89045017,12.3182246 C3.01240558,12.4653046 3.14151326,12.6048656 3.273922,12.7402086 C3.28620924,12.7526793 3.29849647,12.7662502 3.31151728,12.7787209 C3.75734225,13.2258296 4.26038541,13.601599 4.80890968,13.9016276 C4.82394779,13.9100636 4.83806894,13.9194166 4.85310705,13.9267523 C5.01155739,14.0120294 5.17312539,14.0894206 5.33872801,14.1611267 C5.37944094,14.1789157 5.41942031,14.1985386 5.46050003,14.2163276 C5.60226173,14.2746461 5.74622414,14.3258124 5.89183707,14.3734942 C5.96060892,14.3977019 6.02938076,14.4215428 6.09906957,14.442266 C6.22597656,14.4807783 6.35636798,14.5119549 6.48767637,14.5433148 C6.57460399,14.5631211 6.66098143,14.5851281 6.74955957,14.6027337 C6.7860545,14.6100694 6.8208989,14.6205227 6.85757722,14.6265746 C6.98136655,14.6485816 7.10533927,14.6610522 7.22876182,14.6757236 C7.27369276,14.6810419 7.31715657,14.6892945 7.36263768,14.6935125 C7.58435813,14.7153361 7.80644535,14.7300075 8.02761562,14.7300075 C9.38342971,14.7300075 10.7053163,14.3151757 11.8395934,13.5205399 C12.2010582,13.2672761 12.2896364,12.7684509 12.0352722,12.4069861 C11.781825,12.0442375 11.2818995,11.9567597 10.9213517,12.2100235 Z M13.5069898,4.2911743 C13.4965365,4.27338531 13.4892008,4.25467937 13.4767302,4.23707377 C13.3850344,4.10631556 13.285086,3.98399337 13.1849541,3.86093761 C13.1735839,3.84644967 13.1631305,3.83067799 13.1506599,3.81619006 C12.4744951,2.99551265 11.624475,2.36116111 10.6620359,1.94632932 C10.6350774,1.93495904 10.6088524,1.92248841 10.5828108,1.91093474 C10.4287618,1.84748125 10.2715952,1.79118003 10.1131449,1.73891342 C10.0557433,1.7196573 9.99962548,1.69930084 9.94222391,1.68169524 C9.80357986,1.64006535 9.66401885,1.60668808 9.52225715,1.5734942 C9.44413233,1.55588861 9.36710785,1.53589892 9.28788268,1.52031064 C9.24955384,1.51315836 9.21195856,1.5014213 9.17362972,1.49426903 C9.06836294,1.47592987 8.96309616,1.46804403 8.85672904,1.45465644 C8.78392257,1.44530347 8.71184967,1.4337498 8.63904321,1.42641414 C8.46170353,1.4097255 8.2856476,1.40257323 8.10959166,1.39982236 C8.07749814,1.39945557 8.04668835,1.39523757 8.0149616,1.39523757 C6.6441094,1.39835522 5.32424007,1.80676831 4.19143017,2.60067054 C3.82941515,2.85375095 3.74157057,3.35294288 3.99538455,3.7147745 C4.24828156,4.07660613 4.7472901,4.16463409 5.10930512,3.91100351 C5.98426643,3.29847557 7.00575763,2.98762681 8.05255688,2.99752996 C8.20257121,2.99844692 8.35075162,3.00578258 8.4972815,3.01990374 C8.54202905,3.02448853 8.5867766,3.03127401 8.63170755,3.03714255 C8.75256261,3.05163048 8.87231732,3.06831912 8.98895438,3.09124307 C9.0408542,3.10169639 9.09202046,3.11526737 9.14300332,3.12663765 C9.25872342,3.15286264 9.37426013,3.18092156 9.48686257,3.21521579 C9.52207376,3.22566911 9.55765173,3.2390567 9.59286291,3.25061037 C9.72215399,3.29279043 9.84924437,3.33827155 9.97321709,3.39035476 C9.98568772,3.39548973 9.99815834,3.40190844 10.010629,3.40686001 C10.7564826,3.72779531 11.4108238,4.22148549 11.9210193,4.83933178 C12.6481669,5.72566338 13.0806043,6.84325178 13.0815213,8.05987164 L11.747164,8.05987164 L13.8816588,11.2598716 L16.0143197,8.05987164 L14.6819798,8.05987164 C14.6808794,6.66206088 14.2466081,5.36401515 13.5069898,4.2911743 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

public/assets/images/icons/tools.svg

@@ -6,7 +6,7 @@
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
         <g id="tools" sketch:type="MSArtboardGroup" fill="#50E3C2">
-            <path d="M2.57823947,1.00295582 L5.18527273,2.88581317 L5.18527273,3.60998908 L10.6890096,9.25856114 L9.38549298,10.5620778 L3.59208574,4.91350571 L2.86790983,4.91350571 L1.12988766,2.45130763 L2.57823947,1.00295582 Z M15.6134058,12.4449351 C15.6134058,12.4449351 21.9861537,18.8176831 22.5654945,19.3970238 C23.1448352,19.9763645 23.1448352,21.2798812 22.5654945,21.8592219 C21.9861537,22.4385626 22.5654945,21.8592219 21.9861537,22.4385626 C21.406813,23.0179033 19.9584612,22.8730682 19.3791205,22.2937274 L12.7167021,15.6313091 L15.6134058,12.4449351 Z M16.0479113,4.47900017 L19.2342853,7.81020933 L22.7103296,4.62383535 C22.7103296,4.62383535 23,8.53438524 21.1171426,9.98273705 C19.2342853,11.4310889 19.379121,11.2862537 17.6410988,10.9965834 C15.9030766,10.706913 15.3237354,11.1414185 14.7443947,11.7207592 C14.165054,12.3000999 5.33010791,21.7143867 4.75076719,22.2937274 C4.17142646,22.8730682 3.15758016,23.1627375 2.43340425,22.4385616 C1.70922835,21.7143857 2.43340428,22.4385616 1.56439319,21.5695505 C0.695382104,20.7005394 0.938077263,19.7336694 1.5643932,19.1073535 C2.28856911,18.3831775 12.4270318,8.8240556 12.4270318,8.8240556 C12.4270318,8.8240556 13.2960424,8.38955005 13.0063725,6.5066927 C12.7167027,4.62383535 11.7028554,4.33416498 14.165054,2.59614281 C16.6272526,0.858120639 19.3791205,1.00295582 19.3791205,1.00295582 L16.0479113,4.47900017 Z" sketch:type="MSShapeGroup"></path>
+            <path d="M3.43476315,2.00268711 L5.80479339,3.71437561 L5.80479339,4.37271734 L10.8081906,9.50778286 L9.62317544,10.692798 L4.35644158,5.55773246 L3.69809985,5.55773246 L2.11807969,3.31937057 L3.43476315,2.00268711 Z M15.2849143,12.4044865 C15.2849143,12.4044865 21.0783216,18.1978937 21.604995,18.7245671 C22.1316683,19.2512405 22.1316683,20.4362556 21.604995,20.962929 C21.0783216,21.4896024 21.604995,20.962929 21.0783216,21.4896024 C20.5516482,22.0162758 19.2349647,21.8846074 18.7082913,21.357934 L12.6515474,15.3011901 L15.2849143,12.4044865 Z M15.6799194,5.16272742 L18.576623,8.19109939 L21.7366633,5.29439577 C21.7366633,5.29439577 22,8.84944112 20.2883115,10.1661246 C18.576623,11.4828081 18.7082918,11.3511398 17.1282717,11.0878031 C15.5482515,10.8244664 15.0215776,11.2194714 14.4949043,11.7461447 C13.9682309,12.2728181 5.93646174,20.8312606 5.40978835,21.357934 C4.88311496,21.8846074 3.96143651,22.1479432 3.30309478,21.4896014 C2.64475304,20.8312597 3.3030948,21.4896014 2.51308472,20.6995914 C1.72307464,19.9095813 1.9437066,19.0306085 2.51308473,18.4612304 C3.17142646,17.8028887 12.3882107,9.11277782 12.3882107,9.11277782 C12.3882107,9.11277782 13.1782203,8.71777278 12.9148841,7.00608427 C12.6515479,5.29439577 11.7298685,5.03105908 13.9682309,3.45103892 C16.2065932,1.87101876 18.7082913,2.00268711 18.7082913,2.00268711 L15.6799194,5.16272742 Z" sketch:type="MSShapeGroup"></path>
         </g>
     </g>
 </svg>

public/assets/images/logo.svg

@@ -1 +1,30 @@
-<svg viewBox="0 0 41 36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m17.343 22.361l-16.367 5.965 22.71-2.664-6.343-3.301" fill="#d9b42f"/><path d="m17.418 22.339l2.16 5.03-14.698-6.954 12.537 1.922" fill="#ffe188"/><path d="m40.566 9.722l-1.804.718-1.666 2.605 3.47-3.323" fill="#e83f00"/><path d="m36.19 10.694l-8.861 2.256 3.865.801 4.996-3.057" fill="#cd1f14"/><path d="m37.07 10.694l-7.784.401 2.347.981 5.437-1.382" fill="#e83f00"/><path d="m32 22.18l3.114-5.929 1.839-5.559-19.384 11.425 6.252.857 8.179-.793" fill="#eb4f86"/><g fill="#00a2c9"><path d="m23.02 5.833l-5.444 16.12 3.296-1.941 2.149-14.18"/><path d="m23.06 5.392l-8.421-5.392 8.627 9.726-.206-4.334"/></g><path d="m22.841 7.984l-10.15-3.123 10.274 6.599-.124-3.477" fill="#5a8794"/><path d="m23.19 8.75l-9.52 4.685 9.644-1.208-.124-3.477" fill="#005971"/><path d="m35.14 15.875l4.57-7.125-2.742 1.596-1.827 5.529" fill="#cd1f14"/><path d="m24.22 18.406l-.596-12.573-2.149 14.18 2.745-1.607" fill="#5eb2d1"/><path d="m31.28 13.611l1.639 6.266-1.024 1.943-3.585-6.457 2.97-1.752" fill="#f69b00"/><path d="m31.795 22.361l-8.179.793-4.092 4.176 12.271-4.969" fill="#e83f00"/><path d="m32.415 22.02l-8.987-16.184.808 16.977 8.179-.793" fill="#bae2f6"/><path d="m23.943 18.472l.212 4.404-8.536 2.998 2.283-3.855 6.04-3.548" fill="#f69b00"/><path d="m17.323 22.361l6.252.857-4.092 4.176-19.484 7.859 17.323-12.892" fill="#ffd130"/></g></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="126px" height="108px" viewBox="0 0 42 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="logo" sketch:type="MSArtboardGroup">
+            <g sketch:type="MSLayerGroup" transform="translate(1.000000, 0.000000)" id="Shape">
+                <path d="M27.3375,12.6 L36.72,9.72 L31.1625,13.2525 L27.3375,12.6 Z" fill="#CA2317" sketch:type="MSShapeGroup"></path>
+                <path d="M33.0525,19.62 L31.1625,13.2525 L36.72,9.72 L35.055,15.435 L33.0525,19.62 Z" fill="#E84F83" sketch:type="MSShapeGroup"></path>
+                <path d="M39.465,7.9875 L38.43,9.72 L35.055,15.435 L36.72,9.72 L39.465,7.9875 Z" fill="#CA2317" sketch:type="MSShapeGroup"></path>
+                <path d="M39.8025,9.1125 L37.1925,11.79 L38.43,9.72 L39.8025,9.1125 Z" fill="#E54011" sketch:type="MSShapeGroup"></path>
+                <path d="M27.9,10.8225 L35.5725,10.0575 L30.24,11.7 L27.9,10.8225 Z" fill="#E54011" sketch:type="MSShapeGroup"></path>
+                <path d="M28.1925,15.165 L31.1625,13.2525 L33.0525,19.62 L32.0625,21.645 L28.1925,15.165 Z" fill="#CA2317" sketch:type="MSShapeGroup"></path>
+                <path d="M23.76,22.725 L22.3425,5.4 L32.0625,21.645 L23.76,22.725 Z" fill="#B7DFF2" sketch:type="MSShapeGroup"></path>
+                <path d="M19.7325,27.1575 L23.76,22.725 L32.0625,21.645 L19.7325,27.1575 Z" fill="#E54011" sketch:type="MSShapeGroup"></path>
+                <path d="M0.1575,35.865 L19.7325,27.1575 L23.76,22.725 L17.37,22.0725 L0.1575,35.865 Z" fill="#FFCE33" sketch:type="MSShapeGroup"></path>
+                <path d="M0.9,28.755 L10.9575,27.225 L14.085,24.705 L12.555,24.03 L0.9,28.755 Z" fill="#D6B12D" sketch:type="MSShapeGroup"></path>
+                <path d="M4.5225,20.5425 L14.085,24.705 L17.37,22.0725 L4.5225,20.5425 Z" fill="#FFDE85" sketch:type="MSShapeGroup"></path>
+                <path d="M21.6225,11.6775 L20.4075,11.88 L17.37,22.0725 L20.655,20.0025 L21.6225,11.6775 Z" fill="#009EC6" sketch:type="MSShapeGroup"></path>
+                <path d="M23.4,18.2475 L20.655,20.0025 L22.3425,5.4 L23.4,18.2475 Z" fill="#5EAFCE" sketch:type="MSShapeGroup"></path>
+                <path d="M13.0275,13.05 L21.6225,11.6775 L22.005,8.28 L13.0275,13.05 Z" fill="#045972" sketch:type="MSShapeGroup"></path>
+                <path d="M12.105,5.085 L19.575,9.585 L22.005,8.28 L22.0725,7.8075 L12.105,5.085 Z" fill="#5A8591" sketch:type="MSShapeGroup"></path>
+                <path d="M13.5675,0.18 L20.3625,7.335 L22.0725,7.8075 L22.3425,5.4 L13.5675,0.18 Z" fill="#009EC6" sketch:type="MSShapeGroup"></path>
+                <path d="M17.37,22.0725 L23.4,18.2475 L23.76,22.725 L17.37,22.0725 Z" fill="#F39804" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

public/assets/images/logo_bw.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 41 37" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(0 1)"><path d="m17.698 21.947l-16.768 6.136 23.265-2.742-6.497-3.394" fill="#b0b0b0"/><path d="m17.698 21.947l2.212 5.176-15.05-7.153 12.843 1.977" fill="#e0e0e0"/><path d="m40.678 9.699l-1.848.739-1.707 2.679 3.555-3.418" fill="#6b6b6b"/><path d="m37.12 10.456l-9.08 2.318 3.959.826 5.117-3.144" fill="#535353"/><path d="m37.12 10.456l-7.972.411 2.402 1.01 5.57-1.42" fill="#6b6b6b"/><path d="m32.48 22.01l3.19-6.097 1.882-5.718-19.854 11.75 6.403.883 8.379-.818" fill="#848484"/><g fill="#767676"><path d="m23.274 5.366l-5.576 16.581 3.375-1.996 2.201-14.585"/><path d="m23.274 5.366l-8.625-5.545 8.836 10-.211-4.458"/></g><path d="m23.4 7.925l-10.398-3.212 10.525 6.787-.127-3.575" fill="#7b7b7b"/><path d="m23.4 7.925l-9.752 4.819 9.879-1.244-.127-3.575" fill="#414141"/><path d="m35.682 15.883l4.681-7.329-2.81 1.643-1.871 5.686" fill="#535353"/><path d="m23.885 18.299l-.611-12.933-2.201 14.585 2.812-1.652" fill="#9c9c9c"/><path d="m31.85 13.57l1.68 6.444-1.05 1.997-3.672-6.641 3.042-1.8" fill="#a5a5a5"/><path d="m32.48 22.01l-8.379.818-4.19 4.293 12.569-5.111" fill="#6b6b6b"/><path d="m32.48 22.01l-9.207-16.645.828 17.463 8.379-.818" fill="#d8d8d8"/><path d="m23.885 18.299l.217 4.529-8.744 3.084 2.34-3.965 6.187-3.648" fill="#a5a5a5"/><path d="m17.698 21.947l6.404.881-4.192 4.295-19.96 8.08 17.748-13.26" fill="#cdcdcd"/></g></svg>