Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add new icon technique

Browse source
This commit is contained in:
Felix Niklas 2015-05-07 19:27:53 +02:00
parent 283e4de201
commit 16eaa0af25
33 changed files with 330 additions and 267 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -41,3 +41,4 @@ db/schema.rb
# Ignore Rubymine config
/.idea
node_modules

2
Guardfile
View file

@ -4,7 +4,7 @@
guard 'livereload', port: '35738' do
watch(%r{app/views/.+\.(erb|haml|slim)$})
watch(%r{app/helpers/.+\.rb})
watch(%r{public/.+\.(css|js|html)})
watch(%r{public/.+\.(css|js|html|svg)})
watch(%r{config/locales/.+\.yml})
# Rails Assets Pipeline
watch(%r{(app|vendor)(/assets/\w+/(.+\.(css|js|html|png|jpg|svg))).*}) { |m| "/assets/#{m[3]}" }

2
app/assets/javascripts/app/views/generic/actions.jst.eco
View file

@ -1,7 +1,7 @@
<div class="dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="userAction" data-toggle="dropdown">
<% if @type isnt 'small': %>
<div class="light cog icon"></div>
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
<label><%- @T('Action') %></label>
<% end %>
<span class="select-arrow icon"></span>

4
app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
View file

@ -4,7 +4,7 @@
<h2 class="u-textTruncate"><%- @T( item.head ) %></h2>
<div class="js-actions flex"></div>
<div class="tabsSidebar-close centered u-clickable">
<div class="arrow-right icon"></div>
<svg class="icon"><use xlink:href="#icon-arrow-right" /></svg>
</div>
</div>
<hr>
@ -16,7 +16,7 @@
<div class="tabsSidebar-tabs vertical justified">
<% for item in @items: %>
<div class="tabsSidebar-tab centered" data-tab="<%= item.name %>">
<div class="dark icon <%= item.icon %>"></div>
<svg class="icon"><use xlink:href="#icon-<%= item.icon %>" /></svg>
</div>
<% end %>
</div>

2
app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
View file

@ -302,7 +302,7 @@
<div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
<div class="light cog icon"></div>
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
<label>Aktion</label>
<span class="select-arrow icon"></span>
</div>

2
app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
View file

@ -4,7 +4,7 @@
<div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="organizationProfile" data-toggle="dropdown">
<div class="light cog icon"></div>
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
<label>Aktion</label>
<span class="select-arrow icon"></span>
</div>

2
app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
View file

@ -4,7 +4,7 @@
<div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
<div class="light cog icon"></div>
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
<label>Aktion</label>
<span class="select-arrow icon"></span>
</div>

7
app/assets/javascripts/app/views/navigation.jst.eco
View file

@ -1,11 +1,12 @@
<form class="search horizontal">
<div class="search-holder flex">
<input id="global-search" type="search" autocomplete="off">
<div class="empty-search horizontal centered">
<div class="white close icon"></div>
<svg class="magnifier icon"><use xlink:href="#icon-magnifier" /></svg>
<div class="empty-search">
<svg class="close icon"><use xlink:href="#icon-close" /></svg>
</div>
</div>
<div class="logo js-toggleNavigation"></div>
<svg class="logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg>
<ul id="global-search-result" class="custom-dropdown-menu" role="menu"></ul>
</form>

4
app/assets/javascripts/app/views/navigation/menu.jst.eco
View file

@ -3,7 +3,7 @@
<li class="dropdown <%= item.class %> <% if @open_tab[item.target] : %>open<% end %>">
<a href="<%= item.target %>" class="dropdown-toggle horizontal center" data-toggle="dropdown">
<span class="nav-item-icon">
<span class="<%= item.class %> icon"></span>
<svg class="icon"><use xlink:href="#icon-<%= item.class %>" /></svg>
</span>
<span class="nav-item-name flex">
<%- @T( item.name ) %>
@ -26,7 +26,7 @@
<li class="<%= item.class %> <% if @active_tab[item.target] : %>active<% end %>">
<a class="horizontal center" href="<%= item.target %>">
<span class="nav-item-icon">
<span class="<%= item.class %> icon"></span>
<svg class="icon"><use xlink:href="#icon-<%= item.class %>" /></svg>
</span>
<span class="nav-item-name flex">
<%- @T( item.name ) %>

10
app/assets/javascripts/app/views/navigation/personal.jst.eco
View file

@ -1,13 +1,12 @@
<% for item in @items: %>
<% if item.child: %>
<li class="<% if item.class: %><%- item.class %><% end %> dropup <% if @open_tab[item.target] : %>open<% end %>">
<a class="list-button horizontal centered dropdown-toggle" data-toggle="dropdown" href="<%= item.target %>" title="<%- @Ti( item.name ) %>">
<a class="list-button dropdown-toggle" data-toggle="dropdown" href="<%= item.target %>" title="<%- @Ti( item.name ) %>">
<span class="dropdown-nose"></span>
<% if item.class is 'user': %>
<span class="js-avatar"></span>
<% else: %>
<span class="green plus icon"></span>
<span class="white plus icon"></span>
<svg class="plus icon"><use xlink:href="#icon-plus" /></svg>
<% end %>
</a>
<ul class="dropdown-menu" role="menu">
@ -22,7 +21,7 @@
<a href="<%= item.target %>" class="horizontal center">
<span class="flex u-textTruncate"><%- @T( item.name ) %></span>
<% if item['count'] isnt undefined: %><span class="badge count"><%= item['count'] %></span><% end %>
<% if item.iconClass: %><span class="<%= item.iconClass %> icon"></span><% end %>
<% if item.iconClass: %><svg class="<%= item.iconClass %> icon"><use xlink:href="#icon-<%= item.iconClass %>" /></svg><% end %>
</a>
</li>
<% end %>
@ -31,8 +30,7 @@
<% else: %>
<li class="settings <% if @active_tab[item.target] : %>active<% end %>">
<a class="list-button fit horizontal centered" href="<%= item.target %>" title="<%- @Ti( item.name ) %>">
<span class="light cog icon"></span>
<span class="dark cog icon"></span>
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
</a>
</li>
<% end %>

8
app/assets/javascripts/app/views/widget/switch_back_to_user.jst.eco
View file

@ -1,10 +1,10 @@
<div class="switchBackToUser fit horizontal center zIndex-7">
<div class="switchView icon"></div>
<div class="switchBackToUser">
<svg class="switchBackToUser-icon"><use xlink:href="#icon-switchView" /></svg>
<div class="switchBackToUser-text"><%- @T('Zammad looks like this for "%s"', @S('firstname') + ' ' + @S('lastname') ) %></div>
<div class="align-right horizontal center js-close u-clickable">
<%- @T('Back to my view') %>
<div class="switchBackToUser-close centered">
<span class="white close icon"></span>
<div class="switchBackToUser-close">
<svg class="icon"><use xlink:href="#icon-close" /></svg>
</div>
</div>
</div>

100
app/assets/stylesheets/zammad.css.scss
View file

@ -1266,12 +1266,11 @@ ol.tabs li {
}
.icon {
display: inline-block;
width: 20px;
height: 20px;
background-image: image_url("/assets/images/sprite.svg");
background-repeat: no-repeat;
background-position: 20px 20px; /* make icon empty */
}
.signout.icon {
width: 15px;
height: 19px;
}
.add.icon,
@ -1319,7 +1318,6 @@ ol.tabs li {
.dashboard.icon,
.overviews.icon,
.customers.icon,
.group.icon,
.message.icon,
.tools.icon,
@ -1336,8 +1334,7 @@ ol.tabs li {
background-position: -24px 0;
}
.group.icon,
.customers.icon {
.group.icon {
background-position: -48px 0;
}
@ -1499,6 +1496,7 @@ ol.tabs li {
width: 20px;
background-position: -104px -118px;
}
.icon-switch:hover .team.icon,
.white.team.icon {
background-position: -104px -132px;
}
@ -2172,7 +2170,7 @@ footer {
}
.main-navigation > li.active > a .icon {
opacity: 1;
fill: currentColor;
}
.main-navigation li.active > a {
@ -2181,8 +2179,10 @@ footer {
.navigation .nav-item-icon .icon {
margin-right: 15px;
opacity: 0.25;
vertical-align: bottom;
width: 24px;
height: 24px;
fill: hsl(206,7%,37%);
}
.tasks {
@ -2382,6 +2382,14 @@ footer {
width: 40px;
z-index: 1;
visibility: hidden;
@extend .centered;
}
.empty-search .close.icon {
fill: white;
opacity: 0.5;
width: 13px;
height: 13px;
}
.filled.search .empty-search {
@ -2393,8 +2401,8 @@ footer {
padding: 5px 10px 5px 33px;
height: 30px;
color: #ECECEC;
background: #31373b;
line-height: 20px;
background: #31373b image-url("/assets/images/sprite.svg") no-repeat 10px -26px;
outline: none;
border: none;
border-radius: 15px;
@ -2402,6 +2410,17 @@ footer {
z-index: 1;
}
.search .magnifier.icon {
position: absolute;
top: 8px;
left: 10px;
width: 15px;
height: 15px;
z-index: 2;
opacity: 0.5;
fill: white;
}
.search.focused .search-holder {
margin-right: -46px;
}
@ -2414,7 +2433,6 @@ footer {
.search .logo {
width: 67px;
height: 36px;
background: image_url("/assets/images/logo.svg") no-repeat center;
transition: 240ms;
position: relative;
@extend .u-clickable;
@ -2506,6 +2524,7 @@ footer {
height: 60px;
position: relative;
text-decoration: none;
@extend .centered;
@extend .u-clickable;
}
@ -2527,20 +2546,26 @@ footer {
background: #38ae6a;
}
.user-menu .dark.cog,
.user-menu > li:hover .light.cog,
.user-menu > li.active .light.cog,
.user-menu .white.plus,
.user-menu > li:hover .green.plus,
.user-menu > li.active .green.plus {
display: none;
.user-menu .cog.icon {
width: 20px;
height: 20px;
fill: hsl(0,0%,30%);
}
.user-menu > li.settings:hover .dark.cog,
.user-menu > li.settings.active .dark.cog,
.user-menu > li.add:hover .white.plus,
.user-menu > li.add.active .white.plus {
display: block;
.user-menu .plus.icon {
width: 17px;
height: 17px;
fill: hsl(145,51%,45%);
}
.user-menu > li.settings:hover .cog.icon,
.user-menu > li.settings.active .cog.icon {
fill: hsl(232,10%,16%);
}
.user-menu > li.add:hover .plus.icon,
.user-menu > li.add.active .plus.icon {
fill: white;
}
.user-menu > li:not(:last-child) {
@ -4064,11 +4089,13 @@ footer {
}
.tabsSidebar-tab .icon {
opacity: 0.3;
width: 24px;
height: 24px;
fill: hsl(197,19%,78%);
}
.tabsSidebar-tab.active .icon {
opacity: 1;
fill: hsl(206,7%,37%);
}
.sidebar .text-muted {
@ -4317,13 +4344,21 @@ footer {
display: block;
}
.switchBackToUser.fit {
.switchBackToUser {
@extend .fit;
@extend .horizontal;
@extend .center;
@extend .zIndex-7;
background: hsl(200,87%,45%);
color: #fff;
height: 45px;
padding: 0 17px;
top: -45px;
top: -45px !important;
border-bottom: 5px solid hsl(205,90%,60%);
}
.switchBackToUser-icon {
width: 19px;
height: 18px;
}
.switchBackToUser-text {
margin-left: 10px;
@ -4332,6 +4367,13 @@ footer {
width: 40px;
height: 40px;
margin-right: -10px;
@extend .centered;
.icon {
fill: white;
width: 13px;
height: 13px;
}
}
#app.switchBackToUserSpace {

5
app/helpers/application_helper.rb
View file

@ -1,4 +1,9 @@
# Copyright (C) 2012-2014 Zammad Foundation, http://zammad-foundation.org/
module ApplicationHelper
def inline_svg(path)
File.open("public/assets/images/#{path}", "rb") do |file|
raw file.read
end
end
end

3
app/views/init/index.html.erb
View file

@ -1,3 +1,6 @@
<div style="height: 0; width: 0; position: absolute; visibility: hidden">
<%= inline_svg('icons.svg') %>
</div>
<div id="app" class="fit horizontal"></div>
<div id="splash">
<div class="logo">booting...</div>

28
gulpfile.js Normal file
View file

@ -0,0 +1,28 @@
var gulp = require('gulp');
var rename = require('gulp-rename');
var svgstore = require('gulp-svgstore');
var svgmin = require('gulp-svgmin');
var cheerio = require('gulp-cheerio');
var iconsource = 'public/assets/images/icons/*.svg'
gulp.task('svgstore', function () {
return gulp
.src(iconsource)
.pipe(rename({prefix: 'icon-'}))
.pipe(svgmin())
.pipe(cheerio({
run: function ($) {
// remove green-screen color
$('[fill="#50E3C2"]').removeAttr('fill');
},
parserOptions: { xmlMode: true }
}))
.pipe(svgstore())
.pipe(gulp.dest('public/assets/images'));
});
gulp.task('watch', function () {
gulp.watch(iconsource, ['svgstore']);
});
gulp.task('default', ['svgstore', 'watch']);

12
package.json Normal file
View file

@ -0,0 +1,12 @@
{
"name": "Zammad",
"version": "1.0.0",
"devDependencies": {
"gulp": "^3.8.11",
"gulp-cheerio": "^0.6.2",
"gulp-rename": "^1.2.2",
"gulp-svgmin": "^1.1.2",
"gulp-svgstore": "^5.0.1",
"gulp-watch": "^4.2.4"
}
}

BIN
public/assets/images/glyphicons-halflings.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 10 KiB

1
public/assets/images/icons.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 8.7 KiB

12
public/assets/images/icons/close.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="13px" height="13px" viewBox="0 0 13 13" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>close</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="close" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M6.51832931,5.11243489 L11.3036762,0.293623582 C11.6905483,-0.0959532292 12.3199849,-0.0981462527 12.7095624,0.288725564 C13.0991398,0.675597381 13.1013329,1.3050339 12.7144609,1.69461171 L7.92423256,6.51833794 L12.7088296,11.3029347 C13.0970567,11.6911625 13.0970567,12.320603 12.7088296,12.7088298 C12.3206025,13.0970566 11.691162,13.0970566 11.3029349,12.7088298 L6.52323648,7.92913105 L1.77916681,12.7063763 C1.39229479,13.0959531 0.76285807,13.0981471 0.373280663,12.7112743 C-0.0162967445,12.3244025 -0.0184898675,11.694966 0.368382148,11.3053882 L5.11733323,6.523228 L0.291170323,1.69706519 C-0.0970567743,1.30883839 -0.0970567743,0.679397892 0.291170323,0.291170099 C0.679397321,-0.0970566998 1.30883782,-0.0970566998 1.69706492,0.291170099 L6.51832931,5.11243489 L6.51832931,5.11243489 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

12
public/assets/images/icons/cog.svg Normal file
View file

@ -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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>cog</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="cog" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M20,11.09 L20,8.814 L19.678,8.709 L17.242,7.914 L16.592,6.344 L17.842,3.701 L16.232,2.09 L15.93,2.246 L13.644,3.405 L12.076,2.755 L11.09,0 L8.814,0 L7.914,2.758 L6.344,3.408 L3.699,2.16 L2.09,3.768 L2.244,4.072 L3.402,6.356 L2.754,7.925 L0,8.911 L0,11.187 L0.32,11.291 L2.758,12.088 L3.408,13.656 L2.158,16.301 L3.768,17.911 L4.068,17.757 L6.353,16.597 L7.924,17.248 L8.91,20 L11.186,20 L11.291,19.68 L12.086,17.244 L13.654,16.594 L16.299,17.842 L17.908,16.234 L17.756,15.932 L16.596,13.648 L17.246,12.078 L20,11.09 L20,11.09 Z M10,13.188 C8.24,13.188 6.812,11.762 6.812,10 C6.812,8.24 8.24,6.815 10,6.815 C11.76,6.815 13.185,8.24 13.185,10 C13.185,11.762 11.76,13.188 10,13.188 L10,13.188 L10,13.188 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

12
public/assets/images/icons/dashboard.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>dashboard</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="dashboard" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M11.9671579,2 C6.44426901,2 1.9671579,6.47711111 1.9671579,12 C1.9671579,17.5228889 6.44426901,22 11.9671579,22 C17.490269,22 21.9671579,17.5228889 21.9671579,12 C21.9671579,6.47711111 17.490269,2 11.9671579,2 L11.9671579,2 L11.9671579,2 Z M11.9671579,20.1248889 C10.5864912,20.1248889 9.4671579,19.0055556 9.4671579,17.6248889 C9.4671579,17.52 11.9671579,9.18755556 11.9671579,9.18755556 C11.9671579,9.18755556 14.4671579,17.52 14.4671579,17.6248889 C14.4671579,19.0055556 13.3478246,20.1248889 11.9671579,20.1248889 L11.9671579,20.1248889 L11.9671579,20.1248889 Z M18.3391579,15.9544444 C19.0533801,14.8064444 19.4671579,13.452 19.4671579,12 C19.4671579,7.85777778 16.1096023,4.5 11.9671579,4.5 C7.82493568,4.5 4.4671579,7.85777778 4.4671579,12 C4.4671579,13.452 4.88093568,14.8064444 5.59493568,15.9544444 L4.57871346,16.6853333 C3.71804679,15.3302222 3.2171579,13.7242222 3.2171579,12 C3.2171579,7.16755556 7.13471346,3.25 11.9671579,3.25 C16.7998246,3.25 20.7171579,7.16755556 20.7171579,12 C20.7171579,13.7242222 20.2160468,15.3302222 19.3553801,16.6853333 L18.3391579,15.9544444 L18.3391579,15.9544444 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

12
public/assets/images/icons/group.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>group</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="group" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M5.22118244,5.43037964 C6.67405087,5.43037964 7.85183331,4.21474782 7.85183331,2.71518982 C7.85183331,1.21563181 6.67405087,0 5.22118244,0 C3.7683139,0 2.59053146,1.21563181 2.59053146,2.71518982 C2.59053146,4.21474782 3.7683139,5.43037964 5.22118244,5.43037964 L5.22118244,5.43037964 L5.22118244,5.43037964 Z M12.2007996,5.43089984 C13.6538072,5.43089984 14.8317025,4.21515157 14.8317025,2.71544992 C14.8317025,1.21574827 13.6538072,0 12.2007996,0 C10.747792,0 9.56989668,1.21574827 9.56989668,2.71544992 C9.56989668,4.21515157 10.747792,5.43089984 12.2007996,5.43089984 L12.2007996,5.43089984 L12.2007996,5.43089984 Z M18.1831126,5.43089984 C19.6361203,5.43089984 20.8140156,4.21515157 20.8140156,2.71544992 C20.8140156,1.21574827 19.6361203,0 18.1831126,0 C16.730105,0 15.5522097,1.21574827 15.5522097,2.71544992 C15.5522097,4.21515157 16.730105,5.43089984 18.1831126,5.43089984 L18.1831126,5.43089984 L18.1831126,5.43089984 Z M15.7747715,6.29261302 L8.2726661,6.29261302 C7.63157242,6.29261302 7.11194392,6.82894038 7.11194392,7.49011603 L7.11194392,14.3359629 C7.11194392,14.9979189 7.63157242,15.533466 8.2726661,15.533466 L8.62975315,15.533466 L8.62975315,23.9997395 L15.2808472,23.9997395 L15.2808472,15.533466 L15.7747715,15.533466 C16.4158651,15.533466 16.9349896,14.9976588 16.9349896,14.3359629 L16.9349896,7.49011603 C16.9347376,6.82920048 16.4158651,6.29261302 15.7747715,6.29261302 L15.7747715,6.29261302 L15.7747715,6.29261302 Z M5.47544171,14.3362235 L5.47544171,7.49037656 C5.47544171,7.06225103 5.57195855,6.65909515 5.73449989,6.29287356 L1.86021817,6.29287356 C1.2196286,6.29287356 0.7,6.82920092 0.7,7.49037656 L0.7,14.3362235 C0.7,14.9981795 1.2196286,15.5337265 1.86021817,15.5337265 L2.21755728,15.5337265 L2.21755728,24 L6.99274693,24 L6.99274693,16.903416 C6.09234301,16.4237907 5.47544171,15.4528352 5.47544171,14.3362235 L5.47544171,14.3362235 L5.47544171,14.3362235 Z M22.2895323,6.29261346 L18.3131897,6.29261346 C18.475731,6.65883505 18.5724999,7.06225103 18.5724999,7.49011646 L18.5724999,14.3359634 C18.5724999,15.5084968 17.892094,16.5187274 16.9178534,16.9707822 L16.9178534,23.9997399 L21.796112,23.9997399 L21.796112,15.5334664 L22.2892803,15.5334664 C22.9301219,15.5334664 23.4500025,14.9976592 23.4500025,14.3359634 L23.4500025,7.49011646 C23.4502544,6.82920092 22.9301219,6.29261346 22.2895323,6.29261346 L22.2895323,6.29261346 L22.2895323,6.29261346 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

32
public/assets/images/icons/logo.svg Normal file
View file

@ -0,0 +1,32 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="42px" height="36px" 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 (11970) - 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 id="Group" sketch:type="MSLayerGroup">
<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="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="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="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="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="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>
<g transform="translate(15.000000, 0.000000)" id="Shape" fill="#00A2C9" sketch:type="MSShapeGroup">
<path d="M9.02,5.833 L3.576,21.953 L6.872,20.012 L9.021,5.832"></path>
<path d="M9.06,5.392 L0.639,0 L9.266,9.726 L9.06,5.392"></path>
</g>
<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="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="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="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="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="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="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="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>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

12
public/assets/images/icons/magnifier.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="15px" height="15px" viewBox="0 0 15 15" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>magnifier</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="magnifier" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M5.92009147,10.3823058 C3.47609147,10.366293 1.50109147,8.36569255 1.51609147,5.92073659 C1.53409147,3.49379504 3.51809147,1.51721377 5.94709147,1.51721377 L5.97609147,1.51721377 C7.15809147,1.52421938 8.26709147,1.99359488 9.09709147,2.83626902 C9.92809147,3.67694155 10.3820915,4.79483587 10.3750915,5.97878303 C10.3650915,7.15572458 9.90309147,8.26461169 9.06709147,9.09427542 C8.23309147,9.92493995 7.12309147,10.3823058 5.94909147,10.3823058 L5.92009147,10.3823058 M5.98309147,0 L5.94509147,0 C2.68109147,0 0.0220914661,2.63811049 9.14660642e-05,5.91172938 C-0.0179085339,9.19835869 2.62309147,11.8785028 5.90709147,11.8995196 L5.94909147,11.8995196 C7.03809147,11.8995196 8.06209147,11.6052842 8.94009147,11.0888711 L12.5530915,14.7067654 L12.6450915,14.7948359 C12.7820915,14.9319456 12.9600915,15 13.1390915,15 C13.3180915,15 13.4970915,14.9319456 13.6330915,14.7948359 L14.7970915,13.6329063 C15.0690915,13.3586869 15.0690915,12.9153323 14.7970915,12.6431145 L14.7060915,12.55004 L11.0880915,8.93114492 C11.5930915,8.06445156 11.8830915,7.06164932 11.8900915,5.98779023 C11.9140915,2.70116093 9.26709147,0.0220176141 5.98309147,0" id="search" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

12
public/assets/images/icons/message.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>message</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="message" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M20.0980002,3.03466079 C19.9142382,3.01546859 19.7285108,3.00132698 19.5437661,3.00132698 C14.1851864,2.99930675 8.82660679,2.99930675 3.46704448,3.00334721 C3.21940798,3.00334721 2.96980598,3.03466079 2.72413488,3.07708564 C2.34088778,3.13971279 2.12371448,3.395272 2.06180538,3.7811361 C2.02446338,4.01346265 2.00284428,4.25286001 2.00284428,4.48922702 C1.99891358,8.13271342 1.99989628,11.7772099 2.00087888,15.4206963 C2.00087888,15.5247382 2.00284428,15.6297902 2.00874038,15.7338321 C2.05590928,16.5469751 2.33892248,16.8429389 3.13293168,16.8580906 C4.18735238,16.8772828 5.19951758,16.8742525 6.25393829,16.8803131 C6.47602499,16.8823334 6.91331969,16.8803131 6.91331969,16.8803131 L6.91331969,17.2338536 C6.91331969,18.5752869 6.95459249,19.91571 6.95852319,21.2591636 C6.95950589,21.5157329 6.90447549,21.8308889 7.20615979,21.9642242 C7.50096519,22.0945291 7.69455399,21.83998 7.88126409,21.6642199 C9.51743409,20.133895 11.1565522,18.6055903 12.7858434,17.0681946 C12.9352115,16.9277886 13.0855623,16.8772828 13.2830819,16.8782929 C15.2828452,16.8823334 17.2826086,16.8823334 19.2804066,16.8803131 C19.5309911,16.8803131 19.7825584,16.870212 20.0311777,16.8469793 C20.6237365,16.7944533 20.8733384,16.5530357 20.958832,15.9510069 C20.9843818,15.7641356 20.9981394,15.5722137 20.9981394,15.3833221 C21.0001048,11.7974122 21.0010874,8.21049231 20.9981394,4.62256226 C20.996174,4.36902328 20.9765203,4.11043373 20.9411437,3.85790487 C20.8674423,3.34072577 20.6070309,3.09021714 20.0980002,3.03466079 Z M4.99999998,7.99999998 C4.99999998,8.55228473 5.44631138,8.99999998 5.99754458,8.99999998 L13.0024554,8.99999998 C13.553384,8.99999998 14,8.55613516 14,7.99999998 C14,7.44771523 13.5536886,6.99999998 13.0024554,6.99999998 L5.99754458,6.99999998 C5.44661598,6.99999998 4.99999998,7.4438648 4.99999998,7.99999998 Z M4.99999998,12 C4.99999998,12.5522847 5.44748936,13 5.99850226,13 L17.0014976,13 C17.5529553,13 18,12.5561352 18,12 C18,11.4477153 17.5525105,11 17.0014976,11 L5.99850226,11 C5.44704471,11 4.99999998,11.4438648 4.99999998,12 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

12
public/assets/images/icons/overviews.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>overviews</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="overviews" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M10,6 L20,6 C21.308403,6 22,5.10537191 22,4 C22,2.8946281 21.308403,2 20,2 L10,2 C8.692595,2 8,2.8946281 8,4 C8,5.10537191 8.692595,6 10,6 L10,6 L10,6 Z M20,9 L10,9 C8.692595,9 8,9.8970323 8,11 C8,12.1052903 8.692595,13 10,13 L20,13 C21.308403,13 22,12.1052903 22,11 C22,9.8972903 21.308403,9 20,9 L20,9 L20,9 Z M20,17 L10,17 C8.692595,17 8,17.897464 8,19 C8,20.1043428 8.692595,21 10,21 L20,21 C21.308403,21 22,20.1043428 22,19 C22,17.897464 21.308403,17 20,17 L20,17 L20,17 Z M4,2 C2.6750463,2 2,2.8946281 2,4 C2,5.10511364 2.6750463,6 4,6 C5.3251486,6 6,5.10537191 6,4 C6,2.8946281 5.3249537,2 4,2 L4,2 L4,2 Z M4,9 C2.6750463,9 2,9.8970323 2,11 C2,12.1052903 2.6750463,13 4,13 C5.3251486,13 6,12.1052903 6,11 C6,9.8972903 5.3249537,9 4,9 L4,9 L4,9 Z M4,17 C2.6750463,17 2,17.897464 2,19 C2,20.1043428 2.6750463,21 4,21 C5.3251486,21 6,20.1043428 6,19 C6,17.897464 5.3249537,17 4,17 L4,17 L4,17 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

12
public/assets/images/icons/person.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>person</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="person" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M12.1628668,5.43095879 C13.6158907,5.43095879 14.793799,4.21519733 14.793799,2.7154794 C14.793799,1.21576147 13.6158907,0 12.1628668,0 C10.7098439,0 9.53193564,1.21576147 9.53193564,2.7154794 C9.53193564,4.21519733 10.7098439,5.43095879 12.1628668,5.43095879 L12.1628668,5.43095879 L12.1628668,5.43095879 Z M15.736878,6.29268133 L8.23469088,6.29268133 C7.59359034,6.29268133 7.073956,6.82901451 7.073956,7.49019734 L7.073956,14.3361186 C7.073956,14.9980817 7.59359034,15.5336346 8.23469088,15.5336346 L8.59178201,15.5336346 L8.59178201,24 L15.242948,24 L15.242948,15.5336346 L15.736878,15.5336346 C16.3779786,15.5336346 16.8971084,14.9978216 16.8971084,14.3361186 L16.8971084,7.49019734 C16.8968561,6.82927462 16.3779786,6.29268133 15.736878,6.29268133 L15.736878,6.29268133 L15.736878,6.29268133 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

12
public/assets/images/icons/plus.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>plus</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="plus" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M10,1 L10,0 L9,0 L8,0 L7,0 L7,1 L7,7 L1,7 L0,7 L0,8 L0,9 L0,10 L1,10 L7,10 L7,16 L7,17 L8,17 L9,17 L10,17 L10,16 L10,10 L16,10 L17,10 L17,9 L17,8 L17,7 L16,7 L10,7 L10,1 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 856 B

12
public/assets/images/icons/signout.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="15px" height="19px" viewBox="0 0 15 19" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>signout</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="signout" sketch:type="MSArtboardGroup" fill="#0F94D7">
<path d="M5.3764201,15 L12,9.5 L5.3764201,4 L5.3764201,7.588768 L0,7.588768 L0,11.411232 L5.3764201,11.411232 L5.3764201,15 L5.3764201,15 Z M4,1.542 L13.4518221,1.542 L13.4518221,17.459 L4,17.459 L4,19 L15,19 L15,0 L4,0 L4,1.542 L4,1.542 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 910 B

12
public/assets/images/icons/switchView.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="19px" height="18px" viewBox="0 0 19 18" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>switchView</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="switchView" sketch:type="MSArtboardGroup" fill="#FFFFFF">
<path d="M9.75,7.59487474 C9.15,7.59487474 8.65,8.09499354 8.65,8.69513609 C8.65,9.29527865 9.15,9.79539745 9.75,9.79539745 C10.35,9.79539745 10.85,9.29527865 10.85,8.69513609 C10.95,8.19501729 10.45,7.59487474 9.75,7.59487474 L9.75,7.59487474 L9.75,7.59487474 Z M9.75,5.49437578 C6.75,5.49437578 3.65,8.79515985 3.65,8.79515985 C3.65,8.79515985 6.65,12.0959439 9.75,12.0959439 C12.75,12.0959439 15.85,8.79515985 15.85,8.79515985 C15.85,8.79515985 12.85,5.49437578 9.75,5.49437578 L9.75,5.49437578 L9.75,5.49437578 Z M9.75,11.0957063 C8.45,11.0957063 7.45,10.0954687 7.45,8.79515985 C7.45,7.49485098 8.45,6.49461338 9.75,6.49461338 C11.05,6.49461338 12.05,7.49485098 12.05,8.79515985 C12.15,10.0954687 11.05,11.0957063 9.75,11.0957063 L9.75,11.0957063 L9.75,11.0957063 Z M6.25,1.89352044 C7.85,1.09333036 9.65,0.893282839 11.55,1.29337788 L11.85,0.293140281 C6.95,-0.907144835 2.65,1.69347292 1.15,5.99449458 C0.35,8.29504105 0.35,10.5955875 1.35,12.6960865 L1.85,13.4962766 L-0.25,14.0964191 L4.25,17.2971794 L4.65,12.3960152 L4.65,12.2959914 L4.65,11.7958726 L2.75,13.1962053 L2.45,12.3960152 C1.55,10.4955638 1.45,8.39506481 2.15,6.39458962 C2.85,4.39411443 4.35,2.79373427 6.25,1.89352044 L6.25,1.89352044 L6.25,1.89352044 Z M17.15,4.29409067 L19.25,3.79397187 L14.75,0.59321156 L14.35,6.09451834 L16.35,4.59416195 L16.85,5.49437578 C17.85,7.39482722 18.05,9.59534993 17.35,11.5958251 C16.65,13.5963003 15.35,15.2967042 13.45,16.1969181 C11.85,16.9971081 9.55,16.9971081 8.55,16.8970844 L8.25,17.897322 C12.15,18.6975121 16.95,16.2969418 18.45,11.9959202 C19.25,9.69537369 18.95,7.29480346 17.85,5.09428075 L17.15,4.29409067 L17.15,4.29409067 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

12
public/assets/images/icons/templates.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>templates</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="templates" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M2.9947712,1 C2.4453742,1 2,1.439458 2,2.002462 L2,21.997538 C2,22.551183 2.4509254,23 2.9947712,23 L20.0052288,23 C20.5546258,23 21,22.560542 21,21.997538 L21,2.002462 C21,1.448817 20.5490746,1 20.0052288,1 L2.9947712,1 L2.9947712,1 Z M5.9975446,5 C5.446616,5 5,5.443865 5,6 C5,6.552285 5.4463114,7 5.9975446,7 L13.0024554,7 C13.553384,7 14,6.556135 14,6 C14,5.447715 13.5536886,5 13.0024554,5 L5.9975446,5 L5.9975446,5 Z M6.0006529,9 C5.4480076,9 5,9.443865 5,10 C5,10.552285 5.4484532,11 6.0006529,11 L17.027347,11 C17.5799924,11 18.028,10.556135 18.028,10 C18.028,9.447715 17.5795467,9 17.027347,9 L6.0006529,9 L6.0006529,9 Z M6.0006529,13 C5.4480076,13 5,13.443865 5,14 C5,14.552285 5.4484532,15 6.0006529,15 L17.027347,15 C17.5799924,15 18.028,14.556135 18.028,14 C18.028,13.447715 17.5795467,13 17.027347,13 L6.0006529,13 L6.0006529,13 Z M6.0006529,17 C5.4480076,17 5,17.443865 5,18 C5,18.552285 5.4484532,19 6.0006529,19 L17.027347,19 C17.5799924,19 18.028,18.556135 18.028,18 C18.028,17.447715 17.5795467,17 17.027347,17 L6.0006529,17 L6.0006529,17 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

12
public/assets/images/icons/tools.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" 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 (11970) - http://www.bohemiancoding.com/sketch -->
<title>tools</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="tools" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M12,21.9917334 C13.629647,21.9917334 14.950737,20.8761463 14.950737,19.4999999 C14.950737,18.1238535 13.629647,17.0082666 12,17.0082666 C10.370353,17.0082666 9.049263,18.1238535 9.049263,19.4999999 C9.049263,20.8761463 10.370353,21.9917334 12,21.9917334 L12,21.9917334 L12,21.9917334 Z M12,13.9917334 C13.629647,13.9917334 14.950737,12.8761463 14.950737,11.4999999 C14.950737,10.1238535 13.629647,9.00826665 12,9.00826665 C10.370353,9.00826665 9.049263,10.1238535 9.049263,11.4999999 C9.049263,12.8761463 10.370353,13.9917334 12,13.9917334 L12,13.9917334 L12,13.9917334 Z M12,6.99173331 C13.629647,6.99173331 14.950737,5.87614637 14.950737,4.49999998 C14.950737,3.12385359 13.629647,2.00826665 12,2.00826665 C10.370353,2.00826665 9.049263,3.12385359 9.049263,4.49999998 C9.049263,5.87614637 10.370353,6.99173331 12,6.99173331 L12,6.99173331 L12,6.99173331 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

216
public/assets/images/sprite.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 120 KiB