Merge pull request #5 from nikandlv/development

Sidebar update
pull/8/head
Nikan Dalvand 2019-07-21 15:22:25 +04:30 committed by GitHub
commit d180ba2a06
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 2351 additions and 6 deletions

View File

@ -0,0 +1,22 @@
<template>
<span>
<img src="/static/logo-2.svg" alt="Jukebox">
Jukebox.
</span>
</template>
<script>
export default {
name: 'Logo'
}
</script>
<style lang="sass" scoped>
span
margin-bottom: 12px
font-size: 1.5rem
color: lighten(black,40)
img
width: 24px
height: auto
</style>

View File

@ -24,11 +24,12 @@ li.menu-item
border-radius: 100px border-radius: 100px
cursor: pointer cursor: pointer
transition: background-color 300ms transition: background-color 300ms
font-size: 0.9rem
color: lighten(black,30)
&:hover &:hover
background-color: rgba(0,0,0,0.05) background-color: rgba(0,0,0,0.05)
&.fade &.fade
a span
outline: unset outline: unset
color: lighten(gray,20) color: lighten(gray,20)
a a

View File

@ -1,5 +1,6 @@
<template> <template>
<section> <section>
<Logo />
<MenuGroup> <MenuGroup>
<template v-slot:title>Menu</template> <template v-slot:title>Menu</template>
<MenuItem to="/artists"> <MenuItem to="/artists">
@ -85,10 +86,10 @@
import MenuGroup from '../components/MenuGroup' import MenuGroup from '../components/MenuGroup'
import MenuItem from '../components/MenuItem' import MenuItem from '../components/MenuItem'
import projectPackage from '~/package.json' import projectPackage from '~/package.json'
import Logo from '../components/Logo'
export default { export default {
name: 'DockableSidebar', name: 'DockableSidebar',
components: { MenuGroup, MenuItem }, components: { MenuGroup, MenuItem, Logo },
data: () => { data: () => {
return { version: projectPackage.version } return { version: projectPackage.version }
} }
@ -100,7 +101,7 @@ section
width: 100% width: 100%
max-width: 250px max-width: 250px
min-height: 100vh min-height: 100vh
padding: 2rem 2rem padding: 2rem 2rem 0rem 2rem
box-sizing: border-box box-sizing: border-box
background-color: #fcfcfc background-color: #fcfcfc
display: flex display: flex

1349
static/logo-1.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 44 KiB

972
static/logo-2.svg Normal file
View File

@ -0,0 +1,972 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 511.988 511.988"
style="enable-background:new 0 0 511.988 511.988;"
xml:space="preserve"
sodipodi:docname="2.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
id="metadata111"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs109"><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4402"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4398" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4400" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4572" /><feColorMatrix
id="feColorMatrix4574"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4576"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4408"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4404" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4406" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4578" /><feColorMatrix
id="feColorMatrix4580"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4582"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4414"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4410" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4412" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4584" /><feColorMatrix
id="feColorMatrix4586"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4588"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4420"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4416" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4418" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4590" /><feColorMatrix
id="feColorMatrix4592"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4594"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4426"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4422" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4424" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4596" /><feColorMatrix
id="feColorMatrix4598"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4600"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4432"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4428" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4430" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4602" /><feColorMatrix
id="feColorMatrix4604"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4606"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4438"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4434" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4436" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4608" /><feColorMatrix
id="feColorMatrix4610"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4612"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4444"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4440" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4442" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4614" /><feColorMatrix
id="feColorMatrix4616"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4618"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4450"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4446" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4448" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4620" /><feColorMatrix
id="feColorMatrix4622"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4624"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4456"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4452" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4454" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4626" /><feColorMatrix
id="feColorMatrix4628"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4630"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4462"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4458" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4460" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4632" /><feColorMatrix
id="feColorMatrix4634"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4636"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4468"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4464" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4466" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4638" /><feColorMatrix
id="feColorMatrix4640"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4642"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4474"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4470" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4472" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4644" /><feColorMatrix
id="feColorMatrix4646"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4648"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4480"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4476" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4478" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4650" /><feColorMatrix
id="feColorMatrix4652"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4654"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4486"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4482" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4484" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4656" /><feColorMatrix
id="feColorMatrix4658"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4660"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4492"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4488" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4490" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4662" /><feColorMatrix
id="feColorMatrix4664"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4666"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4498"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4494" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4496" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4668" /><feColorMatrix
id="feColorMatrix4670"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4672"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4504"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4500" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4502" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4674" /><feColorMatrix
id="feColorMatrix4676"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4678"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4510"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4506" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4508" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4680" /><feColorMatrix
id="feColorMatrix4682"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4684"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4516"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4512" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4514" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4686" /><feColorMatrix
id="feColorMatrix4688"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4690"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4522"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4518" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4520" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4692" /><feColorMatrix
id="feColorMatrix4694"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4696"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4528"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4524" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4526" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4698" /><feColorMatrix
id="feColorMatrix4700"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4702"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4534"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4530" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4532" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4704" /><feColorMatrix
id="feColorMatrix4706"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4708"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4540"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4536" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4538" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4710" /><feColorMatrix
id="feColorMatrix4712"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4714"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4546"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4542" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4544" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4716" /><feColorMatrix
id="feColorMatrix4718"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4720"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4552"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4548" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4550" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4722" /><feColorMatrix
id="feColorMatrix4724"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4726"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4558"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4554" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4556" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4728" /><feColorMatrix
id="feColorMatrix4730"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4732"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4564"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4560" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4562" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4734" /><feColorMatrix
id="feColorMatrix4736"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4738"
type="saturate"
values="0.64"
result="color2" /></filter><filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Color Shift"
id="filter4570"><feColorMatrix
type="hueRotate"
values="186"
result="color1"
id="feColorMatrix4566" /><feColorMatrix
type="saturate"
values="0.64"
result="fbSourceGraphic"
id="feColorMatrix4568" /><feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix4740" /><feColorMatrix
id="feColorMatrix4742"
type="hueRotate"
values="187"
result="color1"
in="fbSourceGraphic" /><feColorMatrix
id="feColorMatrix4744"
type="saturate"
values="0.64"
result="color2" /></filter></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="717"
id="namedview107"
showgrid="false"
inkscape:zoom="0.65187933"
inkscape:cx="75.434243"
inkscape:cy="239.32641"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" />
<path
style="fill:#E6E9ED;filter:url(#filter4402)"
d="M437.319,469.332H74.656c-5.891,0-10.656-4.781-10.656-10.687v-266.65 c0-51.287,19.969-99.497,56.233-135.762C156.482,19.969,204.7,0,255.995,0c51.28,0,99.498,19.969,135.747,56.233 c36.265,36.265,56.248,84.475,56.248,135.762v266.65C447.99,464.551,443.209,469.332,437.319,469.332z"
id="path2" />
<g
id="g10"
style="filter:url(#filter4408)">
<rect
x="63.995"
y="202.654"
style="fill:#FFCE54;"
width="63.999"
height="85.33"
id="rect4" />
<path
style="fill:#FFCE54;"
d="M255.995,0c-20.39,0-40.265,3.164-59.123,9.234l43.108,70.1l34.374-3.836l40.749-66.264 C296.244,3.164,276.37,0,255.995,0z"
id="path6" />
<rect
x="383.995"
y="202.654"
style="fill:#FFCE54;"
width="63.998"
height="85.33"
id="rect8" />
</g>
<path
style="fill:#ED5564;filter:url(#filter4414)"
d="M127.999,490.644h255.993V191.995c0-34.187-13.328-66.334-37.499-90.505 c-24.171-24.18-56.311-37.491-90.498-37.491c-34.202,0-66.342,13.312-90.513,37.491c-24.172,24.171-37.483,56.318-37.483,90.505 V490.644z"
id="path12" />
<g
id="g18"
style="filter:url(#filter4420)">
<path
style="fill:#F6BB42;"
d="M255.995,0c-3.578,0-7.141,0.102-10.671,0.297v31.702c0,5.891,4.765,10.664,10.671,10.664 c5.892,0,10.656-4.773,10.656-10.664V0.297C263.121,0.101,259.558,0,255.995,0z"
id="path14" />
<path
style="fill:#F6BB42;"
d="M255.995,469.332c-5.906,0-10.671-4.781-10.671-10.687v-21.311c0-5.906,4.765-10.688,10.671-10.688 c5.892,0,10.656,4.781,10.656,10.688v21.312C266.651,464.551,261.887,469.332,255.995,469.332z"
id="path16" />
</g>
<g
id="g24"
style="filter:url(#filter4426)">
<path
style="fill:#E6E9ED;"
d="M191.997,181.332c0,5.891-4.781,10.663-10.672,10.663s-10.672-4.772-10.672-10.663 s4.781-10.672,10.672-10.672S191.997,175.441,191.997,181.332z"
id="path20" />
<path
style="fill:#E6E9ED;"
d="M191.997,213.331c0,5.891-4.781,10.664-10.672,10.664s-10.672-4.773-10.672-10.664 s4.781-10.672,10.672-10.672S191.997,207.44,191.997,213.331z"
id="path22" />
</g>
<g
id="g30"
style="filter:url(#filter4432)">
<path
style="fill:#434A54;"
d="M234.652,223.995h-31.999c-5.891,0-10.656-4.773-10.656-10.664s4.766-10.672,10.656-10.672h31.999 c5.891,0,10.672,4.781,10.672,10.672S240.543,223.995,234.652,223.995z"
id="path26" />
<path
style="fill:#434A54;"
d="M234.652,191.995h-31.999c-5.891,0-10.656-4.772-10.656-10.663s4.766-10.672,10.656-10.672h31.999 c5.891,0,10.672,4.781,10.672,10.672S240.543,191.995,234.652,191.995z"
id="path28" />
</g>
<g
id="g36"
style="filter:url(#filter4438)">
<path
style="fill:#E6E9ED;"
d="M287.994,181.332c0,5.891-4.78,10.663-10.671,10.663s-10.672-4.772-10.672-10.663 s4.781-10.672,10.672-10.672S287.994,175.441,287.994,181.332z"
id="path32" />
<path
style="fill:#E6E9ED;"
d="M287.994,213.331c0,5.891-4.78,10.664-10.671,10.664s-10.672-4.773-10.672-10.664 s4.781-10.672,10.672-10.672S287.994,207.44,287.994,213.331z"
id="path34" />
</g>
<g
id="g44"
style="filter:url(#filter4444)">
<path
style="fill:#434A54;"
d="M330.65,223.995h-32c-5.891,0-10.656-4.773-10.656-10.664s4.766-10.672,10.656-10.672h32 c5.891,0,10.672,4.781,10.672,10.672S336.541,223.995,330.65,223.995z"
id="path38" />
<path
style="fill:#434A54;"
d="M330.65,191.995h-32c-5.891,0-10.656-4.772-10.656-10.663s4.766-10.672,10.656-10.672h32 c5.891,0,10.672,4.781,10.672,10.672S336.541,191.995,330.65,191.995z"
id="path40" />
<path
style="fill:#434A54;"
d="M170.653,458.645h-21.327c-5.891,0-10.672-4.766-10.672-10.656s4.781-10.655,10.672-10.655h21.327 c5.891,0,10.672,4.765,10.672,10.655S176.544,458.645,170.653,458.645z"
id="path42" />
</g>
<path
style="fill:#5D9CEC;filter:url(#filter4450)"
d="M135.248,149.333h241.479c-6.266-17.797-16.499-34.109-30.233-47.843 c-24.172-24.18-56.312-37.491-90.499-37.491c-34.202,0-66.342,13.312-90.513,37.491 C151.748,115.223,141.514,131.536,135.248,149.333z"
id="path46" />
<path
style="fill:#434A54;filter:url(#filter4456)"
d="M255.901,95.998c-29.452,0-53.326,23.874-53.326,53.335h106.653 C309.228,119.872,285.354,95.998,255.901,95.998z"
id="path48" />
<path
style="fill:#F6BB42;filter:url(#filter4462)"
d="M255.995,127.997c-11.796,0-21.343,9.555-21.343,21.336h42.671 C277.323,137.552,267.776,127.997,255.995,127.997z"
id="path50" />
<polygon
style="fill:#FFCE54;filter:url(#filter4468)"
points="324.307,245.33 181.325,241.83 177.325,382.209 202.653,418.99 234.652,437.334 277.323,437.334 309.228,415.99 330.65,373.335 "
id="polygon52" />
<g
id="g58"
style="filter:url(#filter4474)">
<path
style="fill:#656D78;"
d="M64,405.334v95.998c0,5.875,4.766,10.656,10.656,10.656h42.671c5.891,0,10.672-4.781,10.672-10.656 v-95.998H64z"
id="path54" />
<path
style="fill:#656D78;"
d="M383.992,405.334v95.998c0,5.875,4.766,10.656,10.656,10.656h42.671 c5.89,0,10.671-4.781,10.671-10.656v-95.998H383.992z"
id="path56" />
</g>
<g
id="g74"
style="filter:url(#filter4480)">
<rect
x="63.995"
y="277.334"
style="fill:#F6BB42;"
width="63.999"
height="21.312"
id="rect60" />
<rect
x="63.995"
y="234.654"
style="fill:#F6BB42;"
width="63.999"
height="21.336"
id="rect62" />
<rect
x="63.995"
y="191.994"
style="fill:#F6BB42;"
width="63.999"
height="21.336"
id="rect64" />
<rect
x="383.995"
y="277.334"
style="fill:#F6BB42;"
width="63.998"
height="21.312"
id="rect66" />
<rect
x="383.995"
y="234.654"
style="fill:#F6BB42;"
width="63.998"
height="21.336"
id="rect68" />
<rect
x="383.995"
y="191.994"
style="fill:#F6BB42;"
width="63.998"
height="21.336"
id="rect70" />
<path
style="fill:#F6BB42;"
d="M330.65,234.658H181.325c-5.891,0-10.672,4.781-10.672,10.672v117.317 c0,47.062,38.28,85.342,85.342,85.342c47.046,0,85.327-38.28,85.327-85.342V245.33C341.322,239.439,336.541,234.658,330.65,234.658 z M319.947,364.632l-11.484-11.499l11.531-11.516v21.03C319.994,363.319,319.978,363.975,319.947,364.632z M197.716,389.115 l20.89-20.905l22.297,22.312l-23.312,23.312C209.058,407.412,202.184,398.928,197.716,389.115z M191.997,362.647v-21.03 l11.516,11.516l-11.484,11.499C191.997,363.975,191.997,363.319,191.997,362.647z M233.683,278.368l22.312-22.312l22.297,22.312 l-22.297,22.297L233.683,278.368z M240.902,315.742l-22.297,22.312l-22.312-22.312l22.312-22.296L240.902,315.742z M286.103,255.994h14.547l-7.281,7.281L286.103,255.994z M218.605,263.275l-7.281-7.281h14.562L218.605,263.275z M203.513,278.368 l-11.516,11.516V266.83L203.513,278.368z M233.683,353.133l22.312-22.297l22.297,22.297l-22.297,22.296L233.683,353.133z M271.073,315.742l22.296-22.296l22.312,22.296l-22.312,22.312L271.073,315.742z M308.463,278.368l11.531-11.538v23.054 L308.463,278.368z M237.621,423.959l18.374-18.344l18.359,18.344c-5.828,1.75-11.983,2.688-18.359,2.688 C249.604,426.646,243.449,425.709,237.621,423.959z M294.385,413.834l-23.312-23.312l22.296-22.312l20.891,20.905 C309.791,398.928,302.916,407.412,294.385,413.834z"
id="path72" />
</g>
<g
id="g76"
style="filter:url(#filter4486)">
</g>
<g
id="g78"
style="filter:url(#filter4492)">
</g>
<g
id="g80"
style="filter:url(#filter4498)">
</g>
<g
id="g82"
style="filter:url(#filter4504)">
</g>
<g
id="g84"
style="filter:url(#filter4510)">
</g>
<g
id="g86"
style="filter:url(#filter4516)">
</g>
<g
id="g88"
style="filter:url(#filter4522)">
</g>
<g
id="g90"
style="filter:url(#filter4528)">
</g>
<g
id="g92"
style="filter:url(#filter4534)">
</g>
<g
id="g94"
style="filter:url(#filter4540)">
</g>
<g
id="g96"
style="filter:url(#filter4546)">
</g>
<g
id="g98"
style="filter:url(#filter4552)">
</g>
<g
id="g100"
style="filter:url(#filter4558)">
</g>
<g
id="g102"
style="filter:url(#filter4564)">
</g>
<g
id="g104"
style="filter:url(#filter4570)">
</g>
</svg>

After

Width:  |  Height:  |  Size: 32 KiB