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

convert dashboard icons

Browse source
This commit is contained in:
Felix Niklas 2015-05-08 11:58:00 +02:00
parent f1777004b3
commit 6448b428ef
15 changed files with 286 additions and 145 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
app/assets/javascripts/app/views/dashboard.jst.eco
View file

@ -10,7 +10,8 @@
<div class="time stat-widget vertical"> <div class="time stat-widget vertical">
<h3>∅ Waiting time today</h3> <h3>∅ Waiting time today</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="stopwatch icon centered"> <div class="stat-stopwatch centered">
<svg class="stat-icon stopwatch-icon"><use xlink:href="#icon-stopwatch" /></svg>
<canvas class="stat-dial"></canvas> <canvas class="stat-dial"></canvas>
<div class="stat-amount"></div> <div class="stat-amount"></div>
</div> </div>
@ -23,7 +24,7 @@
<div class="mood stat-widget vertical"> <div class="mood stat-widget vertical">
<h3>Mood</h3> <h3>Mood</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="mood icon bad-state"></div> <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-super-happy" /></svg>
</div> </div>
<div class="stat-label">3% of my tickets escalated.</div> <div class="stat-label">3% of my tickets escalated.</div>
<div class="stat-detail">Average: 17%</div> <div class="stat-detail">Average: 17%</div>
@ -34,7 +35,7 @@
<h3>Channel Distribution</h3> <h3>Channel Distribution</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="stats-row email-channel"> <div class="stats-row email-channel">
<div class="email channel icon"></div> <svg class="stat-channel-icon"><use xlink:href="#icon-mail" /></svg>
<div class="stat-bars"> <div class="stat-bars">
<div class="stat-bar primary" style="height: 80%"></div> <div class="stat-bar primary" style="height: 80%"></div>
<div class="stat-bar secondary" style="height: 100%"></div> <div class="stat-bar secondary" style="height: 100%"></div>
@ -42,7 +43,7 @@
<div class="stat-label">34%</div> <div class="stat-label">34%</div>
</div> </div>
<div class="stats-row received-calls-channel"> <div class="stats-row received-calls-channel">
<div class="received-calls channel icon"></div> <svg class="stat-channel-icon"><use xlink:href="#icon-received-calls" /></svg>
<div class="stat-bars"> <div class="stat-bars">
<div class="stat-bar primary" style="height: 53%"></div> <div class="stat-bar primary" style="height: 53%"></div>
<div class="stat-bar secondary" style="height: 47%"></div> <div class="stat-bar secondary" style="height: 47%"></div>
@ -50,7 +51,7 @@
<div class="stat-label">26%</div> <div class="stat-label">26%</div>
</div> </div>
<div class="stats-row outbound-calls-channel"> <div class="stats-row outbound-calls-channel">
<div class="outbound-calls channel icon"></div> <svg class="stat-channel-icon"><use xlink:href="#icon-outbound-calls" /></svg>
<div class="stat-bars"> <div class="stat-bars">
<div class="stat-bar primary" style="height: 46%"></div> <div class="stat-bar primary" style="height: 46%"></div>
<div class="stat-bar secondary" style="height: 53%"></div> <div class="stat-bar secondary" style="height: 53%"></div>
@ -58,7 +59,7 @@
<div class="stat-label">24%</div> <div class="stat-label">24%</div>
</div> </div>
<div class="stats-row facebook-channel"> <div class="stats-row facebook-channel">
<div class="facebook channel icon"></div> <svg class="stat-channel-icon"><use xlink:href="#icon-facebook" /></svg>
<div class="stat-bars"> <div class="stat-bars">
<div class="stat-bar primary" style="height: 24%"></div> <div class="stat-bar primary" style="height: 24%"></div>
<div class="stat-bar secondary" style="height: 18%"></div> <div class="stat-bar secondary" style="height: 18%"></div>
@ -66,7 +67,7 @@
<div class="stat-label">12%</div> <div class="stat-label">12%</div>
</div> </div>
<div class="stats-row twitter-channel"> <div class="stats-row twitter-channel">
<div class="twitter channel icon"></div> <svg class="stat-channel-icon"><use xlink:href="#icon-twitter" /></svg>
<div class="stat-bars"> <div class="stat-bars">
<div class="stat-bar primary" style="height: 13%"></div> <div class="stat-bar primary" style="height: 13%"></div>
<div class="stat-bar secondary" style="height: 16%"></div> <div class="stat-bar secondary" style="height: 16%"></div>
@ -81,14 +82,14 @@
<h3>Status</h3> <h3>Status</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="stat-tickets vertical reverse end"> <div class="stat-tickets vertical reverse end">
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
</div> </div>
<div class="stat-all-tickets icon"></div> <svg class="total-tickets"><use xlink:href="#icon-total-tickets" /></svg>
</div> </div>
<div class="stat-label">Tickets of my Group: 78 of 234</div> <div class="stat-label">Tickets of my Group: 78 of 234</div>
<div class="stat-detail">Average: 22%</div> <div class="stat-detail">Average: 22%</div>
@ -98,7 +99,7 @@
<div class="in-process stat-widget vertical"> <div class="in-process stat-widget vertical">
<h3>Tickets in process</h3> <h3>Tickets in process</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="in-process icon supergood-state"></div> <svg class="in-process-icon state-color supergood-state"><use xlink:href="#icon-in-process" /></svg>
</div> </div>
<div class="stat-label">74% are currently in process</div> <div class="stat-label">74% are currently in process</div>
<div class="stat-detail">Average: 62%</div> <div class="stat-detail">Average: 62%</div>
@ -108,7 +109,7 @@
<div class="reopening stat-widget vertical"> <div class="reopening stat-widget vertical">
<h3>Reopening rate</h3> <h3>Reopening rate</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="reopening icon ok-state"></div> <svg class="reopening-icon state-color ok-state"><use xlink:href="#icon-reopening" /></svg>
</div> </div>
<div class="stat-label">7% are being reopened</div> <div class="stat-label">7% are being reopened</div>
<div class="stat-detail">Average: 6%</div> <div class="stat-detail">Average: 6%</div>

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

@ -1,3 +1,9 @@
$supergood-color: hsl(145,51%,45%);
$good-color: hsl(62,45%,46%);
$ok-color: hsl(41,100%,49%);
$bad-color: hsl(30,93%,50%);
$superbad-color: hsl(19,90%,51%);
html { html {
height: 100%; height: 100%;
} }
@ -487,8 +493,7 @@ table {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 38px; height: 38px;
@extend .u-clickable; @extend .u-clickable, .centered;
@extend .centered;
} }
.input-replacement input { .input-replacement input {
@ -675,8 +680,7 @@ fieldset > *:not(.form-group) .form-control {
padding: 0 2px; padding: 0 2px;
margin-bottom: 3px; margin-bottom: 3px;
position: relative; position: relative;
@extend .horizontal; @extend .horizontal, .center;
@extend .center;
label { label {
margin: 0; margin: 0;
@ -688,10 +692,7 @@ fieldset > *:not(.form-group) .form-control {
} }
.formGroup-bookmark { .formGroup-bookmark {
@extend .u-clickable; @extend .u-clickable, .horizontal, .center, .reverse;
@extend .horizontal;
@extend .center;
@extend .reverse;
width: 30px; width: 30px;
height: 30px; height: 30px;
position: absolute; position: absolute;
@ -913,8 +914,7 @@ textarea,
.page-header-meta { .page-header-meta {
margin-top: 6px; margin-top: 6px;
margin-left: auto; margin-left: auto;
@extend .horizontal; @extend .horizontal, .self-start;
@extend .self-start;
.btn { .btn {
margin: 0 0 2px 9px; margin: 0 0 2px 9px;
@ -1128,8 +1128,7 @@ ol.tabs li {
padding: 10px 20px; padding: 10px 20px;
text-align: center; text-align: center;
border-right: 1px solid rgba(0,8,14,.08); border-right: 1px solid rgba(0,8,14,.08);
@extend .flex-auto; @extend .flex-auto, .u-clickable;
@extend .u-clickable;
} }
.tab.active { .tab.active {
@ -1570,11 +1569,6 @@ ol.tabs li {
background-position: -324px -146px; background-position: -324px -146px;
} }
.mood.icon {
width: 60px;
height: 59px;
}
.mood.icon.superbad-state { .mood.icon.superbad-state {
background-position: 0 -163px; background-position: 0 -163px;
} }
@ -1601,43 +1595,6 @@ ol.tabs li {
background-position: 0 -223px; background-position: 0 -223px;
} }
.in-process.icon {
width: 64px;
height: 64px;
background-position: -79px -225px;
}
.in-process.superbad-state,
.reopening.superbad-state {
background-color: #f35910;
}
.in-process.bad-state,
.reopening.bad-state {
background-color: #f6820b;
}
.in-process.ok-state,
.reopening.ok-state {
background-color: #faab00;
}
.in-process.good-state,
.reopening.good-state {
background-color: #a9ac41;
}
.in-process.supergood-state,
.reopening.supergood-state {
background-color: #38ae6a;
}
.reopening.icon {
width: 68px;
height: 47px;
background-position: -146px -225px;
}
.paperclip.icon { .paperclip.icon {
width: 31px; width: 31px;
height: 29px; height: 29px;
@ -1650,19 +1607,6 @@ ol.tabs li {
background-position: -216px -224px; background-position: -216px -224px;
} }
.stat-tickets {
height: 83px;
margin-right: 4px;
margin-bottom: -9px;
}
.stat-ticket.icon {
width: 48px;
height: 10px;
margin-top: -7px;
margin-bottom: 2px;
}
.stat-ticket.supergood-state { .stat-ticket.supergood-state {
background-position: -265px -223px; background-position: -265px -223px;
} }
@ -2006,8 +1950,7 @@ footer {
} }
.tableOverview-edit { .tableOverview-edit {
@extend .u-clickable; @extend .u-clickable, .u-highlight;
@extend .u-highlight;
} }
.bulkAction { .bulkAction {
@ -2163,8 +2106,7 @@ footer {
} }
.tasks-standalone .name { .tasks-standalone .name {
@extend .u-highlight; @extend .u-highlight, .u-textTruncate;
@extend .u-textTruncate;
} }
.tasks--standalone .icon-holder { .tasks--standalone .icon-holder {
@ -2186,9 +2128,7 @@ footer {
.task { .task {
padding: 10px 15px 7px 0; padding: 10px 15px 7px 0;
position: relative; position: relative;
@extend .u-clickable; @extend .u-clickable, .horizontal, .center;
@extend .horizontal;
@extend .center;
} }
.task-icon { .task-icon {
@ -2289,8 +2229,7 @@ footer {
width: 50px; width: 50px;
height: 100%; height: 100%;
visibility: hidden; visibility: hidden;
@extend .u-clickable; @extend .u-clickable, .centered;
@extend .centered;
} }
.task:hover .closeTask { .task:hover .closeTask {
@ -2394,8 +2333,7 @@ footer {
height: 36px; height: 36px;
transition: 240ms; transition: 240ms;
position: relative; position: relative;
@extend .u-clickable; @extend .u-clickable, .zIndex-5;
@extend .zIndex-5;
} }
.logo .activity-counter { .logo .activity-counter {
@ -2483,8 +2421,7 @@ footer {
height: 60px; height: 60px;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
@extend .centered; @extend .centered, .u-clickable;
@extend .u-clickable;
} }
.user-menu .list-button *:not(.dropdown-nose) { .user-menu .list-button *:not(.dropdown-nose) {
@ -2942,6 +2879,72 @@ footer {
} }
} }
.stat-icon {
position: relative;
}
.mood-icon {
width: 60px;
height: 59px;
}
.stopwatch-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.stat-stopwatch {
width: 77px;
height: 83px;
position: relative;
}
.stat-channel-icon {
width: 16px;
height: 16px;
fill: hsl(198,18%,72%);
}
.total-tickets {
height: 83px;
width: 48px;
margin-right: 4px;
margin-bottom: -9px;
}
.one-ticket {
width: 48px;
height: 10px;
margin-top: -7px;
margin-bottom: 2px;
}
.stat-tickets {
height: 100px;
}
.in-process-icon {
width: 64px;
height: 64px;
}
.reopening-icon {
width: 68px;
height: 47px;
}
.state-color {
&.supergood-state { fill: $supergood-color;}
&.good-state { fill: $good-color; }
&.ok-state { fill: $ok-color; }
&.bad-state { fill: $bad-color; }
&.superbad-state { fill: $superbad-color; }
}
.stat-widgets { .stat-widgets {
margin: 0 -7px 20px; margin: 0 -7px 20px;
} }
@ -2983,11 +2986,7 @@ footer {
} }
.stat-graphic { .stat-graphic {
@extend .flex, .horizontal, .centered; @extend .flex, .centered;
}
.time.stat-widget .stat-graphic .icon {
position: relative;
} }
.time.stat-widget .stat-amount { .time.stat-widget .stat-amount {
@ -3272,9 +3271,7 @@ footer {
} }
.ticketZoom-controls { .ticketZoom-controls {
@extend .horizontal; @extend .horizontal, .justify-end, .center;
@extend .justify-end;
@extend .center;
} }
.ticketZoom .page-header { .ticketZoom .page-header {
@ -3932,8 +3929,7 @@ footer {
.tabsSidebar-holder { .tabsSidebar-holder {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@extend .flex; @extend .flex, .vertical;
@extend .vertical;
} }
.tabsSidebar .sidebar { .tabsSidebar .sidebar {
@ -3947,8 +3943,7 @@ footer {
} }
.tabsSidebar .sidebar-header { .tabsSidebar .sidebar-header {
@extend .horizontal; @extend .horizontal, .center;
@extend .center;
margin: 20px 20px 0; margin: 20px 20px 0;
padding: 0 0 5px; padding: 0 0 5px;
position: relative; position: relative;
@ -3972,8 +3967,7 @@ footer {
.tabsSidebar-close { .tabsSidebar-close {
padding: 20px; padding: 20px;
margin: -15px; margin: -15px;
@extend .centered; @extend .centered, .u-clickable;
@extend .u-clickable;
.icon { .icon {
width: 13px; width: 13px;
@ -4030,8 +4024,7 @@ footer {
background: hsl(197,20%,93%); background: hsl(197,20%,93%);
position: relative; position: relative;
border-top: 1px solid hsl(202,12%,87%); border-top: 1px solid hsl(202,12%,87%);
@extend .u-clickable; @extend .u-clickable, .centered;
@extend .centered;
} }
.tabs .tabs
@ -4322,10 +4315,7 @@ footer {
} }
.switchBackToUser { .switchBackToUser {
@extend .fit; @extend .fit, .horizontal, .center, .zIndex-7;
@extend .horizontal;
@extend .center;
@extend .zIndex-7;
background: hsl(200,87%,45%); background: hsl(200,87%,45%);
color: #fff; color: #fff;
height: 45px; height: 45px;
@ -4412,9 +4402,7 @@ footer {
.modal-leftFooter, .modal-leftFooter,
.modal-centerFooter, .modal-centerFooter,
.modal-rightFooter { .modal-rightFooter {
@extend .flex; @extend .flex, .horizontal, .start;
@extend .horizontal;
@extend .start;
} }
.modal.modal--local { .modal.modal--local {
@ -4502,14 +4490,12 @@ footer {
.dropdown.dropdown--actions { .dropdown.dropdown--actions {
li { li {
padding: 0; padding: 0;
@extend .horizontal; @extend .horizontal, .center;
@extend .center;
} }
.dropdown-iconSpacer, .dropdown-iconSpacer,
.dropdown-activeSpacer { .dropdown-activeSpacer {
@extend .horizontal; @extend .horizontal, .center;
@extend .center;
} }
.dropdown-iconSpacer { .dropdown-iconSpacer {
@ -4523,8 +4509,7 @@ footer {
} }
a { a {
@extend .u-clickable; @extend .u-clickable, .horizontal;
@extend .horizontal;
min-width: 100%; min-width: 100%;
padding: 3px 18px; padding: 3px 18px;
} }
@ -4746,10 +4731,7 @@ footer {
} }
.scrollPageHeader { .scrollPageHeader {
@extend .tabsSidebar-sidebarSpacer; @extend .tabsSidebar-sidebarSpacer, .zIndex-6, .horizontal, .center;
@extend .zIndex-6;
@extend .horizontal;
@extend .center;
background: white; background: white;
border-bottom: 1px solid hsl(0,0%,78%); border-bottom: 1px solid hsl(0,0%,78%);
height: 64px; height: 64px;
@ -4780,8 +4762,7 @@ footer {
} }
.wizard-slide { .wizard-slide {
@extend .vertical; @extend .vertical, .hero-unit;
@extend .hero-unit;
width: 400px; width: 400px;
padding-bottom: 18px; padding-bottom: 18px;
margin-bottom: 20px; margin-bottom: 20px;
@ -4939,8 +4920,7 @@ label + .wizard-buttonList {
} }
.channelList { .channelList {
@extend .flex; @extend .flex, .vertical;
@extend .vertical;
background: white; background: white;
border-radius: 2px; border-radius: 2px;
margin: 5px 0 20px; margin: 5px 0 20px;
@ -4976,8 +4956,7 @@ label + .wizard-buttonList {
} }
.channelList-placeholder { .channelList-placeholder {
@extend .flex; @extend .flex, .centered;
@extend .centered;
color: #999; color: #999;
} }
@ -4991,8 +4970,7 @@ label + .wizard-buttonList {
} }
.channelList-controlEntry { .channelList-controlEntry {
@extend .horizontal; @extend .horizontal, .justified;
@extend .justified;
width: 26px; width: 26px;
height: 26px; height: 26px;
border-left: none; border-left: none;
@ -5213,9 +5191,7 @@ label + .wizard-buttonList {
} }
.profile-organizationMember { .profile-organizationMember {
@extend .profile-detailsEntry; @extend .profile-detailsEntry, .horizontal, .center;
@extend .horizontal;
@extend .center;
.avatar { .avatar {
margin-right: 10px; margin-right: 10px;
@ -5223,16 +5199,14 @@ label + .wizard-buttonList {
} }
.profile-ticketList { .profile-ticketList {
@extend .flex; @extend .flex, .vertical;
@extend .vertical;
&:not(:last-child) { &:not(:last-child) {
margin-right: 50px; margin-right: 50px;
} }
.tasks { .tasks {
@extend .flex; @extend .flex, .vertical;
@extend .vertical;
} }
} }
@ -5556,6 +5530,13 @@ body.fit {
align-self: start; align-self: start;
} }
.self-end {
-webkit-align-self: end;
-moz-align-self: end;
-ms-align-self: end;
align-self: end;
}
.two-columns, .two-columns,
.three-columns, .three-columns,
.wrap { .wrap {

BIN
contrib/mac_developer_start.scpt Normal file
View file

Binary file not shown.

2
gulpfile.js
View file

@ -14,6 +14,8 @@ gulp.task('svgstore', function () {
run: function ($) { run: function ($) {
// remove green-screen color // remove green-screen color
$('[fill="#50E3C2"]').removeAttr('fill'); $('[fill="#50E3C2"]').removeAttr('fill');
// remove fill=none (<g>'s have it)
$('[fill="none"]').removeAttr('fill');
}, },
parserOptions: { xmlMode: true } parserOptions: { xmlMode: true }
})) }))

2
public/assets/images/icons.svg
View file

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

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 30 KiB

13
public/assets/images/icons/in-process.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64px" height="64px" viewBox="0 0 64 64" 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>in-process</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="in-process" sketch:type="MSArtboardGroup">
<path d="M7.99690043,43.9812898 C8.03409531,40.1145287 8.03409531,36.322608 7.99690043,31.9863926 C5.75280899,32.0317505 3.86826811,31.1336641 1.99922511,28.9876683 C0.7934909,27.8406803 0,25.94472 0,23.9897945 L0,7.99659815 C0,3.79192062 3.76908176,0 7.99690043,0 L38.9848896,0 C44.1379311,0 47.9070128,3.59234585 47.9814026,7.99659815 C48.0061991,13.4712969 48.0061991,18.5604536 47.9814026,23.9897945 C47.8078264,28.4394046 44.0387447,32.0317505 38.9848896,31.9863926 C33.1282449,32.0317505 27.0778768,32.0317505 20.9918636,31.9863926 C20.4323906,32.0317505 19.6388996,32.3311127 18.9926385,32.9859674 C15.4730725,36.4223955 12.0015498,40.2143161 7.99690043,43.9812898 C8.3316544,44.0062367 8.23246803,44.0062367 7.99690043,43.9812898 L7.99690043,43.9812898 L7.99690043,43.9812898 Z" id="bubble-color" fill="#50E3C2" sketch:type="MSShapeGroup"></path>
<path d="M52,20 C55.6088127,19.8277235 59.1443996,19.8277235 62,23 C63.1850703,24.4041305 63.9932045,26.1948985 64,28 C63.9932045,33.3579704 63.7911709,38.4318129 64,43 C64.195238,47.9825754 59.851517,51.8625727 56,52 C56.3159301,52.0615469 56.1138965,52.161034 56,52 C55.911863,56.0410313 55.911863,59.8215414 56,64 C55.4067792,63.5025645 55.0027121,63.3035902 55,63 C51.3661084,59.7220543 48.0325551,56.4389797 45,53 C43.8908676,52.3600082 43.0827335,51.9620598 42,52 C35.9105429,52.0615469 29.8495368,51.9620598 24,52 C18.434642,51.9620598 14.2929545,47.1866785 15,42 C15.2021054,41.6154004 15.404139,41.3169391 16,41 C17.2224408,39.5261711 18.6366756,38.0338645 20,37 C20.6570109,36.2430965 21.3641283,36.0441223 22,36 C27.5261512,36.0441223 33.1830902,36.0441223 39,36 C45.002052,36.0441223 50.3559408,31.8656637 52,26 C51.972209,24.2051563 51.7701755,22.2154141 52,20 L52,20 L52,20 Z" id="bubble-gray" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.4 KiB

12
public/assets/images/icons/mood-bad.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" 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>mood-bad</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="mood-bad" sketch:type="MSArtboardGroup" fill="#F6820B">
<path d="M60,5.10787098 C60,4.28808898 59.937695,3.53136698 59.813084,2.71158498 C59.563863,1.13508198 58.753894,0.315300982 57.133956,0.126119982 C56.573209,0.0630599816 55.950156,-1.83894144e-08 55.389408,-1.83894144e-08 L4.6728972,-1.83894144e-08 C3.8629283,-1.83894144e-08 3.1152648,0.126119982 2.3052959,0.252240982 C1.1214953,0.441420982 0.4361371,1.26120198 0.1869159,2.45934498 C0.0623053,3.21606698 0,3.90972698 0,4.66644998 L0,38.592798 L0,39.538699 C0.1246106,42.061105 1.05919,43.007006 3.5514018,43.007006 C6.8535825,43.070067 10.342679,43.070067 13.707165,43.070067 C14.3925232,43.070067 15.5140186,43.133127 15.5140186,43.133127 L15.5140186,44.205149 C15.5140186,48.367117 15.5763239,52.529085 15.5763239,56.691054 C15.5763239,57.510835 15.5763239,58.456737 16.5109033,58.898158 C17.4454827,59.276519 18.0062304,58.519797 18.566978,57.952256 C23.7383176,53.159687 28.8473518,48.430177 34.0186913,43.700667 C34.5171337,43.259247 34.9532707,43.133127 35.5763237,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.10787098 L60,5.10787098 L60,5.10787098 Z M35,34.5 C35,35.3250007 34.4375,36 33.75,36 L26.25,36 C25.5625,36 25,35.3250007 25,34.5 C25,33.6750005 25.5625,33 26.25,33 L33.75,33 C34.4375,33 35,33.6750005 35,34.5 L35,34.5 L35,34.5 Z M37,19 L46,19 C46,22.9999996 43.9574469,25 41.5319151,25 C39.1063823,25 37,22.9999996 37,19 L37,19 L37,19 Z M14,19 L23,19 C23,22.9999996 20.9574468,25 18.5319149,25 C16.106383,25 14,22.9999996 14,19 L14,19 L14,19 Z" id="bad" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

12
public/assets/images/icons/mood-happy.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" 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>mood-happy</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="mood-happy" sketch:type="MSArtboardGroup" fill="#A9AC41">
<path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M18.780981,20.33617 C16.343481,20.33617 14.405981,18.32766 14.405981,15.942553 C14.405981,13.494681 16.405981,11.548936 18.780981,11.548936 C21.218481,11.548936 23.155981,13.557447 23.155981,15.942553 C23.218481,18.32766 21.218481,20.33617 18.780981,20.33617 L18.780981,20.33617 L18.780981,20.33617 Z M46.343481,15.942553 C46.343481,18.390425 44.343481,20.33617 41.968481,20.33617 C39.530981,20.33617 37.593481,18.32766 37.593481,15.942553 C37.593481,13.494681 39.593481,11.548936 41.968481,11.548936 C44.343481,11.48617 46.343481,13.494681 46.343481,15.942553 L46.343481,15.942553 L46.343481,15.942553 Z M38.093481,27.303191 C38.593481,27.742553 38.655981,28.558511 38.155981,29.060638 C36.093481,31.320213 33.218481,32.575532 30.155981,32.575532 C27.093481,32.575532 24.218481,31.320213 22.155981,29.060638 C21.718481,28.558511 21.718481,27.742553 22.218481,27.303191 C22.718481,26.86383 23.530981,26.86383 23.968481,27.365957 C25.593481,29.123404 27.718481,30.064894 30.093481,30.064894 C32.405981,30.064894 34.655981,29.060638 36.218481,27.365957 C36.780981,26.86383 37.593481,26.86383 38.093481,27.303191 L38.093481,27.303191 L38.093481,27.303191 Z" id="happy" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

12
public/assets/images/icons/mood-ok.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" 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>mood-ok</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="mood-ok" sketch:type="MSArtboardGroup" fill="#FAAB00">
<path d="M60,5.10787098 C60,4.28808898 59.937695,3.53136698 59.813084,2.71158498 C59.563863,1.13508198 58.753894,0.315300982 57.133956,0.126119982 C56.573209,0.0630599816 55.950156,-1.83894144e-08 55.389408,-1.83894144e-08 L4.672897,-1.83894144e-08 C3.862928,-1.83894144e-08 3.115265,0.126119982 2.305296,0.252240982 C1.121495,0.441420982 0.436137,1.26120198 0.186916,2.45934498 C0.062305,3.21606698 0,3.90972698 0,4.66644998 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.342679,43.070067 13.707165,43.070067 C14.392523,43.070067 15.514019,43.133127 15.514019,43.133127 L15.514019,44.205149 C15.514019,48.367117 15.576324,52.529085 15.576324,56.691054 C15.576324,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.10787098 L60,5.10787098 L60,5.10787098 Z M22.718481,18.453192 C22.718481,20.901064 20.718481,22.846809 18.343481,22.846809 C15.905981,22.846809 13.968481,20.838298 13.968481,18.453192 C13.968481,16.005319 15.968481,14.059574 18.343481,14.059574 C20.718481,13.996808 22.718481,16.005319 22.718481,18.453192 L22.718481,18.453192 L22.718481,18.453192 Z M45.843481,18.453192 C45.843481,20.901064 43.843481,22.846809 41.468481,22.846809 C39.030981,22.846809 37.093481,20.838298 37.093481,18.453192 C37.093481,16.005319 39.093481,14.059574 41.468481,14.059574 C43.843481,13.996808 45.843481,16.005319 45.843481,18.453192 L45.843481,18.453192 L45.843481,18.453192 Z M36.7692308,32 L23.2307692,32 C22.5538462,32 22,31.3250007 22,30.5 C22,29.6750005 22.5538462,29 23.2307692,29 L36.7692308,29 C37.4461538,29 38,29.6750005 38,30.5 C38,31.3250007 37.4461538,32 36.7692308,32 Z" id="ok" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

12
public/assets/images/icons/mood-super-bad.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" 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>mood-super-bad</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="mood-super-bad" sketch:type="MSArtboardGroup" fill="#F35910">
<path d="M60,5.107871 C60,4.288089 59.9376947,3.531367 59.8130841,2.711585 C59.5638629,1.135082 58.7538941,0.315301 57.1339564,0.12612 C56.5732087,0.06306 55.9501558,0 55.3894081,0 L4.6728972,0 C3.86292835,0 3.1152648,0.12612 2.30529595,0.252241 C1.12149533,0.441421 0.436137072,1.261202 0.186915888,2.459345 C0.062305296,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124610592,42.061105 1.05919003,43.007006 3.55140187,43.007006 C6.85358255,43.070067 10.3426791,43.070067 13.7071651,43.070067 C14.3925234,43.070067 15.5140187,43.133127 15.5140187,43.133127 L15.5140187,44.205149 C15.5140187,48.367117 15.576324,52.529085 15.576324,56.691054 C15.576324,57.510835 15.576324,58.456737 16.5109034,58.898158 C17.4454829,59.276519 18.0062305,58.519797 18.5669782,57.952256 C23.7383178,53.159687 28.847352,48.430177 34.0186916,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.3271028,43.133127 56.0747664,43.070067 56.8847352,43.007006 C58.7538941,42.817826 59.5638629,42.124164 59.8130841,40.232361 C59.8753894,39.664819 59.9376947,39.034219 59.9376947,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M45.6875,20.587234 C46.3125,24.290425 44.75,26.487234 42.3125,26.926596 C39.9375,27.365957 37.625,25.796808 37,22.093617 L45.6875,20.587234 L45.6875,20.587234 Z M18.25,26.989362 C15.875,26.55 14.25,24.353191 14.875,20.65 L23.5625,22.156383 C22.875,25.859574 20.625,27.365957 18.25,26.989362 L18.25,26.989362 L18.25,26.989362 Z M38,34.897872 C38.4375,35.4 38.4375,36.215957 37.9375,36.655319 C37.4375,37.094681 36.625,37.094681 36.1875,36.592553 C34.5625,34.835106 32.4375,33.893617 30.0625,33.893617 C27.75,33.893617 25.5,34.897872 23.9375,36.592553 C23.6875,36.843617 23.375,36.969149 23,36.969149 C22.6875,36.969149 22.375,36.843617 22.125,36.655319 C21.625,36.215957 21.5625,35.4 22.0625,34.897872 C24.125,32.638298 27,31.382979 30,31.382979 C33,31.382979 35.9375,32.638298 38,34.897872 L38,34.897872 L38,34.897872 Z" id="super-bad" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

12
public/assets/images/icons/mood-super-happy.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" 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>mood-super-happy</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="mood-super-happy" sketch:type="MSArtboardGroup" fill="#38AE6A">
<path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M40.6,21 C40.6,25.9079759 35.9058824,31 30.1,31 C24.2941176,31 19.6,25.9079759 19.6,21 L40.6,21 Z M23.440835,15.691489 L13.440835,15.691489 C12.753335,15.691489 12.190835,15.126596 12.190835,14.43617 C12.190835,13.745745 12.753335,13.180851 13.440835,13.180851 L14.065835,13.180851 C14.440835,10.230851 16.253335,8.787234 18.378335,8.787234 C20.503335,8.787234 22.315835,10.293617 22.690835,13.180851 L23.440835,13.180851 C24.128335,13.180851 24.690835,13.745745 24.690835,14.43617 C24.690835,15.126596 24.128335,15.691489 23.440835,15.691489 L23.440835,15.691489 L23.440835,15.691489 Z M47.815835,14.43617 C47.815835,15.126596 47.253335,15.691489 46.565835,15.691489 L36.565835,15.691489 C35.878335,15.691489 35.315835,15.126596 35.315835,14.43617 C35.315835,13.745745 35.878335,13.180851 36.565835,13.180851 L37.190835,13.180851 C37.565835,10.230851 39.378335,8.787234 41.503335,8.787234 C43.628335,8.787234 45.440835,10.293617 45.815835,13.180851 L46.565835,13.180851 C47.253335,13.180851 47.815835,13.745745 47.815835,14.43617 L47.815835,14.43617 L47.815835,14.43617 Z" id="super-happy" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

13
public/assets/images/icons/one-ticket.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="48px" height="10px" viewBox="0 0 48 10" 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>one-ticket</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="one-ticket" sketch:type="MSArtboardGroup">
<path d="M37.5,10 L0,10 L10,3 L47.5,3 L37.5,10 L37.5,10 Z" id="backdrop" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,8 L0,8 L10,0 L47.5,0 L37.5,8 L37.5,8 Z" id="ticket" fill="#50E3C2" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 877 B

14
public/assets/images/icons/reopening.svg Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="68px" height="47px" viewBox="0 0 68 47" 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>reopening</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="reopening" sketch:type="MSArtboardGroup">
<path d="M39.3,18.7 L40.1,18.7 L60.4,18.7 C64,18.7 66.8,21 67.7,24.4 C67.8,25 67.9,25.5 67.9,26.1 L67.9,39.9 C67.9,43.3 65.1,46.3 61.8,46.8 C61.4,46.9 61,46.9 60.6,46.9 L38.7,46.9 C35,46.9 32,44.4 31.4,40.8 C31.3,40.3 31.3,39.9 31.3,39.4 L31.3,26.2 C31.3,23.8 32.2,21.9 34.1,20.4 C34.4,20.2 34.4,20 34.4,19.7 L34.4,11.5 C34.4,6.1 38.1,1.5 43.3,0.3 C44.1,0.1 44.9,0 45.7,0 L53.6,0 C59.8,0 65,5.2 64.9,11.5 C64.9,12.9 63.8,14 62.5,14 C61.1,14.1 59.9,13.1 59.8,11.8 C59.7,10.7 59.6,9.6 59.1,8.6 C57.9,6.5 56.2,5.3 53.8,5.3 C51,5.2 48.2,5.2 45.4,5.3 C42.7,5.3 40,7.7 39.8,10.4 C39.2,13 39.3,15.9 39.3,18.7 Z M47.2,30.7 C47.4,31.4 47.3,32.1 47.1,32.7 C46.9,33.5 46.7,34.2 46.5,35 C46.3,35.5 46.5,36 46.8,36.3 C48.5,37.8 50.2,37.9 51.9,36.2 C52.2,35.9 52.3,35.5 52.2,35 C51.9,34 51.6,32.9 51.4,31.9 C51.3,31.6 51.4,31.3 51.4,31.1 C52,29.7 50.9,28.1 49.4,28.1 C48,28.1 46.8,29.4 47.2,30.7 Z" id="Color-Lock" fill="#50E3C2" sketch:type="MSShapeGroup"></path>
<path d="M20.8,18.3 C20.5,17.2 20,16.4 19,15.8 L19,11 L18.7,11 C18.7,7 16.1,4.4 12.5,4.4 L8.1,4.4 C7.6,4.4 7.3,4.4 6.8,4.5 C3.8,5.2 1.7,7.8 1.7,10.9 L1.7,15.6 C1.7,15.8 1.7,15.9 1.5,16 C0.5,16.9 0,18 0,19.3 L0,26.8 C0,27.1 0,27.3 0.1,27.6 C0.5,29.7 2.1,31.1 4.2,31.1 L16.7,31.1 C16.9,31.1 17.2,31.1 17.4,31 C19.3,30.7 20.9,29 20.9,27.1 C21,24.5 21,21.9 21,19.3 C21,19 20.9,18.6 20.8,18.3 L20.8,18.3 L20.8,18.3 Z M4.8,15 C4.8,13 4.8,11.8 4.9,10.2 C5,8.7 6.6,7.4 8.1,7.3 L12.9,7.3 C14.3,7.3 15.3,8.2 15.9,9.4 C16.2,9.9 16.2,11 16.3,11 L17.1,11 L17.1,15.1 C13.1,15.1 9,15 5.3,15 L4.8,15 L4.8,15 Z M12,25.1 C11,26 10.1,26 9.1,25.1 C8.9,24.9 8.8,24.7 8.9,24.3 C9,23.9 9.1,23.4 9.2,23 C9.3,22.6 9.4,22.3 9.2,21.9 C9,21.1 9.6,20.4 10.4,20.4 C11.3,20.4 11.9,21.3 11.6,22.1 C11.6,22.2 11.5,22.4 11.6,22.6 C11.7,23.2 11.9,23.8 12,24.4 C12.2,24.6 12.2,24.9 12,25.1 L12,25.1 L12,25.1 Z" id="Small-Lock" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M19.9439024,41 L10,41 L10,34 L11,34 L11,40 L19.4825,40 L17.7,36.9 L27.6,40.9 L17.7,45 L19.9439024,41 Z" id="Arrow" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

13
public/assets/images/icons/stopwatch.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="77px" height="83px" viewBox="0 0 77 83" 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>stopwatch</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="stopwatch" sketch:type="MSArtboardGroup">
<path d="M10.5,24.8 C9.5,23.9 8.4,22.9 7.5,22 L13.7,15.8 C14.5,16.7 15.4,17.7 16.3,18.7 C17.1,18.1 17.7,17.6 18.3,17.2 C22.2,14.3 26.5,12.3 31.2,11.2 C31.9,11 32.1,10.8 32.1,10.1 C32,8.4 32.1,6.7 32.1,4.9 L47.5,4.9 L47.5,10.9 C60.3,14.2 69.4,21.8 74,34.1 C77.6,43.7 77,53.3 72.6,62.5 C63.7,81.1 41.2,88.4 22.7,78.7 C3.7,68.8 -3.2,43.3 10.5,24.8 L10.5,24.8 L10.5,24.8 Z M40.0481625,75 C55.1817335,75 67.6921523,62.8930829 67.9948237,47.5576545 C68.2974951,31.4150983 55.282624,19.3081812 40.5526149,19.0055082 C25.3181533,18.7028353 12.2023918,30.9106434 12.0006108,46.5487447 C11.8997204,62.489519 24.3092486,75 40.0481625,75 L40.0481625,75 L40.0481625,75 Z M14.9,12.4 C14.6,12.9 14.5,13.5 14.1,13.9 C11.2,16.8 8.3,19.7 5.5,22.6 C4.8,23.3 4,23.4 3.1,23.1 C1.8,22.7 1,21.8 0.6,20.6 C0.3,19.7 0.4,18.9 1.1,18.1 L9.7,9.5 C10.3,8.9 11.1,8.7 11.9,8.9 C13.4,9.2 14.7,10.8 14.9,12.4 L14.9,12.4 L14.9,12.4 Z M33.7,3.9 C33.5,2.5 34,1.3 35.3,0.8 C38.2,-0.3 41.2,-0.3 44.2,0.8 C45.4,1.2 46,2.4 45.9,3.9 L33.7,3.9 L33.7,3.9 Z" id="Shape" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<circle id="inlay" opacity="0.3" sketch:type="MSShapeGroup" cx="39.9019608" cy="46.9019608" r="24.9019608"></circle>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

44
public/assets/images/icons/total-tickets.svg Normal file
View file

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="48px" height="83px" viewBox="0 0 48 83" 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>total-tickets</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="total-tickets" sketch:type="MSArtboardGroup">
<g id="total" sketch:type="MSLayerGroup">
<path d="M37.5,83 L0,83 L10,75 L47.5,75 L37.5,83 L37.5,83 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,80 L0,80 L10,73 L47.5,73 L37.5,80 L37.5,80 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,78 L0,78 L10,70 L47.5,70 L37.5,78 L37.5,78 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,75 L0,75 L10,68 L47.5,68 L37.5,75 L37.5,75 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,73 L0,73 L10,65 L47.5,65 L37.5,73 L37.5,73 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,70 L0,70 L10,63 L47.5,63 L37.5,70 L37.5,70 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,68 L0,68 L10,60 L47.5,60 L37.5,68 L37.5,68 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,65 L0,65 L10,58 L47.5,58 L37.5,65 L37.5,65 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,63 L0,63 L10,55 L47.5,55 L37.5,63 L37.5,63 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,60 L0,60 L10,53 L47.5,53 L37.5,60 L37.5,60 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,58 L0,58 L10,50 L47.5,50 L37.5,58 L37.5,58 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,55 L0,55 L10,48 L47.5,48 L37.5,55 L37.5,55 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,53 L0,53 L10,45 L47.5,45 L37.5,53 L37.5,53 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,50 L0,50 L10,43 L47.5,43 L37.5,50 L37.5,50 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,48 L0,48 L10,40 L47.5,40 L37.5,48 L37.5,48 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,45 L0,45 L10,38 L47.5,38 L37.5,45 L37.5,45 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,43 L0,43 L10,35 L47.5,35 L37.5,43 L37.5,43 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,40 L0,40 L10,33 L47.5,33 L37.5,40 L37.5,40 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,38 L0,38 L10,30 L47.5,30 L37.5,38 L37.5,38 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,35 L0,35 L10,28 L47.5,28 L37.5,35 L37.5,35 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,33 L0,33 L10,25 L47.5,25 L37.5,33 L37.5,33 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,30 L0,30 L10,23 L47.5,23 L37.5,30 L37.5,30 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,28 L0,28 L10,20 L47.5,20 L37.5,28 L37.5,28 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,25 L0,25 L10,18 L47.5,18 L37.5,25 L37.5,25 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,23 L0,23 L10,15 L47.5,15 L37.5,23 L37.5,23 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,20 L0,20 L10,13 L47.5,13 L37.5,20 L37.5,20 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,18 L0,18 L10,10 L47.5,10 L37.5,18 L37.5,18 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,15 L0,15 L10,8 L47.5,8 L37.5,15 L37.5,15 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,13 L0,13 L10,5 L47.5,5 L37.5,13 L37.5,13 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
<path d="M37.5,10 L0,10 L10,3 L47.5,3 L37.5,10 L37.5,10 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M37.5,8 L0,8 L10,0 L47.5,0 L37.5,8 L37.5,8 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB