mirror/tomahawk
1
0
Fork 0
mirror of https://github.com/tomahawk-player/tomahawk.git synced 2025-07-31 19:30:21 +02:00
Code Issues Releases Wiki Activity

Flat black icons

Browse Source
This commit is contained in:
Jason Herskowitz
2014-08-20 09:15:28 -04:00
parent 03ce6b7f08
commit 6695d5681d
32 changed files with 1045 additions and 704 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
data/images/account-settings.svg
View File

@@ -1,14 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="51px" height="51px" 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">
<title>account-settings</title>
<svg width="62px" height="62px" viewBox="0 0 62 62" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(123,125,121)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M42.6990051,13.3120117 L34.1450043,21.8679199 L31.2910004,19.3811035 L40.029007,10.6398926 L41.1909943,7.73510742 L44.7319946,5.10107422 L48.2409973,8.60595703 L45.6109924,12.1420898 Z M47.8320007,37.1010742 C50.8619995,40.1311035 50.8609924,45.0620117 47.830001,48.094075 C46.3610006,49.5630749 44.4080008,50.3710749 42.3320008,50.3710749 C40.2560008,50.3710749 38.3050009,49.563075 36.8050009,48.061075 L18.6350008,27.2010744 C16.945001,27.5510744 15.2170009,27.7350744 13.6140009,27.7350744 L13.6130009,27.7350744 C9.79200126,27.7350744 6.73800124,26.7000743 4.77900125,24.7420743 C1.4870012,21.4480747 0.0610011965,16.7530745 0.967001215,12.1790746 C1.01600121,11.9290746 1.19800121,11.7300746 1.4380012,11.6580746 C1.67900117,11.5850746 1.94000117,11.6500746 2.12000118,11.8290746 L8.08200108,17.7890746 L13.8480009,18.9820746 L18.7180008,14.1140746 L17.5240007,8.34707436 L11.5620009,2.38407454 C11.3840009,2.20707455 11.3190009,1.94407453 11.3920009,1.70407453 C11.4660009,1.46207453 11.6650009,1.28207453 11.9130009,1.23207453 C12.8040009,1.05607454 13.7180009,0.965074539 14.629001,0.965074539 C18.3490008,0.965074539 21.8470007,2.41407442 24.4750007,5.04507446 C28.4720007,9.04007435 27.4830007,16.2210746 26.9350007,18.8990746 L31.4470008,22.8290746 L32.0090008,23.3190746 Z M43.7059937,43.9680176 C42.9479936,44.7270176 41.7209936,44.7270176 40.9629936,43.9690176 L40.9619936,43.9680176 C40.2049936,43.2100176 40.2049936,41.9810176 40.9619936,41.2240176 C41.7199936,40.4680176 42.9479936,40.4680176 43.7059936,41.2260176 L43.7069936,41.2260176 C44.4629974,41.9829102 44.4629974,43.2099609 43.7059937,43.9680176 Z M17.6609955,30.9750977 L21.8529949,35.8560972 C22.5449949,36.5490971 22.5449949,37.6720971 21.8529949,38.3640971 L10.574995,49.6410975 C9.88099515,50.3320975 8.75899512,50.3320975 8.06699514,49.6410975 L3.53299522,45.1050978 C2.84099525,44.4110978 2.84099525,43.2890978 3.53299522,42.5980978 L15.1539955,30.9750977 C15.8469955,30.2830977 16.9689955,30.2830977 17.6609955,30.9750977 Z M17.6609955,30.9750977" id="Shape" fill="url(#linearGradient-1)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="account-settings" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="account-settings">
<g id="Page-1">
<path d="M51.0600062,15.0759327 L40.5857196,25.552555 L37.0910209,22.5074737 L47.7906208,11.8039501 L49.2134624,8.24707031 L53.5493811,5.02172353 L57.8461191,9.31341677 L54.625705,13.6433753 L51.0600062,15.0759327 L51.0600062,15.0759327 Z M57.345307,44.205397 C61.0555096,47.9156369 61.0542764,53.9534837 57.3428584,57.6662143 C55.5440824,59.4649897 53.152654,60.4543774 50.6106132,60.4543774 C48.0685724,60.4543774 45.6795929,59.4649898 43.8428582,57.6258061 L21.5938785,32.0829482 C19.524491,32.5115197 17.4085725,32.7368258 15.4457154,32.7368258 L15.4444909,32.7368258 C10.7657158,32.7368258 7.02612397,31.4694787 4.62734847,29.0719277 C0.596328,25.0384588 -1.14979445,19.289479 -0.0404066755,13.6886628 C0.0195933184,13.3825403 0.242450461,13.1388669 0.536328,13.0507036 C0.831430004,12.9613158 1.15102184,13.0409077 1.37143002,13.2600913 L8.67183806,20.5580505 L15.732246,22.0188669 L21.6955112,16.0580505 L20.2334702,8.99641758 L12.9330623,1.69478515 C12.7151031,1.47805047 12.6355113,1.15600963 12.7248991,0.862132078 C12.8155113,0.565805547 13.0591848,0.345397384 13.3628582,0.284172894 C14.4538787,0.068662702 15.5730623,-0.0427658706 16.6885727,-0.0427658706 C21.2436744,-0.0427658706 25.5269396,1.7315197 28.7448988,4.9531524 C33.6391845,9.844989 32.4281641,18.6380505 31.7571437,21.9172342 L37.2820418,26.7294791 L37.9702051,27.3294791 L57.345307,44.205397 L57.345307,44.205397 Z M52.2930535,52.6138991 C51.3648901,53.5432869 49.8624411,53.5432869 48.9342779,52.6151236 L48.9330534,52.6138991 C48.0061146,51.6857358 48.0061146,50.1808379 48.9330534,49.2538991 C49.8612167,48.3281848 51.3648901,48.3281848 52.2930534,49.2563481 L52.2942779,49.2563481 C53.2199968,50.1831553 53.2199968,51.6856664 52.2930535,52.6138991 L52.2930535,52.6138991 L52.2930535,52.6138991 Z M20.401219,36.7042013 L25.5342795,42.6809353 C26.3816264,43.5295067 26.3816264,44.9046087 25.5342795,45.7519556 L11.7244837,59.5605276 C10.8746879,60.40665 9.50081035,60.40665 8.65346344,59.5605276 L3.1016268,54.0062422 C2.2542799,53.1564463 2.2542799,51.7825687 3.1016268,50.9364463 L17.3314231,36.7042013 C18.1799945,35.8568543 19.553872,35.8568543 20.401219,36.7042013 L20.401219,36.7042013 L20.401219,36.7042013 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

29
data/images/add-contact.svg
View File

@@ -1,20 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>add-contact</title>
<svg width="62px" height="62px" viewBox="0 0 62 62" 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">
<title>Slice 2</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="rgb(95,88,88)" offset="0%"></stop>
<stop stop-color="rgb(34,31,31)" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-2">
<stop stop-color="rgb(123,125,121)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" stroke="rgb(150,150,150)" stroke-width="1" fill="url(#linearGradient-1)">
<path d="M41.7720032,33.5539551 C35.769989,34.1109619 31.052002,39.1710205 31.0530045,45.3179558 C31.0530045,47.0919557 31.4560045,48.7689556 32.1580045,50.2799557 L24.0980041,50.2799557 C24.0580041,50.2919557 24.0180041,50.2979557 23.9740041,50.2979557 L9.86000377,50.2979557 C9.73200378,50.2979557 9.60800378,50.2459557 9.51900378,50.1529557 C9.42900378,50.0609557 9.37900378,49.9379557 9.38200378,49.8099557 C9.5860033,40.1639548 13.6520033,32.344955 20.2560034,28.897955 C20.4300034,28.808955 20.6390034,28.832955 20.7870034,28.958955 C22.2620035,30.2229551 24.0390035,31.1019551 25.9240035,31.4979551 C25.9260033,31.4979551 26.8810034,31.680955 28.2380034,31.680955 C29.0350033,31.680955 29.8120033,31.618955 30.5480033,31.496955 C32.4120032,31.1009549 34.1890031,30.221955 35.6620032,28.9589549 C35.8100032,28.8329549 36.0190032,28.8079549 36.1930032,28.8979549 C38.3370032,30.0169551 40.2090032,31.6009551 41.7720032,33.5539551 Z M28.2260132,28.9150391 C22.1520081,28.9150391 17.2109985,23.8580322 17.211013,17.643039 C17.211013,15.2640388 17.9400131,13.0580389 19.1740131,11.2380388 C19.2140131,11.1140388 19.2780131,10.9950388 19.3690131,10.8910388 C19.4080131,10.8460388 19.4590131,10.8220388 19.5040131,10.7870388 C21.5200133,8.10803878 24.6740131,6.37203884 28.2260132,6.37203884 C34.3000126,6.37203884 39.2390127,11.4290385 39.2390127,17.6430387 C39.2390127,23.8580389 34.2990131,28.9150391 28.2260132,28.9150391 Z M44.8389893,36.3830566 C50.303009,36.3830566 54.7520142,40.8299561 54.7519894,46.2940569 C54.7519894,51.7610569 50.3029895,56.207057 44.8389893,56.207057 C39.3719893,56.207057 34.9259892,51.7610569 34.9259892,46.2940569 C34.9259892,40.8300567 39.3719893,36.3830566 44.8389893,36.3830566 Z M44.8389893,54.6779785 C40.2149892,54.6779785 36.453989,50.9169786 36.453989,46.2939787 C36.453989,41.6719785 40.2149889,37.9119787 44.8389893,37.9119787 C49.4609895,37.9119787 53.2209892,41.6719787 53.2209892,46.2939787 C53.2210083,50.9169922 49.4609985,54.6779785 44.8389893,54.6779785 Z M46.1209874,45.1409912 L46.1209874,41.3059912 C46.1209874,40.9709912 45.8499874,40.6989912 45.5169874,40.6989912 L44.3059875,40.6989912 C43.9749875,40.6989912 43.7019875,40.9709912 43.7019875,41.3059912 L43.7019875,45.1409912 L40.0379875,45.1409912 C39.7019875,45.1409912 39.4319875,45.4119912 39.4319875,45.7469912 L39.4319875,46.8789912 C39.4319875,47.2139912 39.7029875,47.4849912 40.0379875,47.4849912 L43.7019875,47.4849912 L43.7019875,51.3579911 C43.7019875,51.6919911 43.9749875,51.9629911 44.3059875,51.9629911 L45.5169874,51.9629911 C45.8509874,51.9629911 46.1209874,51.6919911 46.1209874,51.3579911 L46.1209874,47.4849912 L49.7869873,47.4849912 C50.1209873,47.4849912 50.3919873,47.2139912 50.3919873,46.8789912 L50.3919873,45.7469912 C50.3930054,45.4110107 50.1210022,45.1409912 49.7869873,45.1409912 Z M46.1209874,45.1409912" id="Shape" fill="url(#linearGradient-2)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="add-contact" sketch:type="MSLayerGroup" transform="translate(3.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="add-contact">
<g id="Page-1">
<g id="Group">
<path d="M39.2500286,32.9903384 C32.0476116,33.6587465 26.3860272,39.7308168 26.3872302,47.1071392 C26.3872302,49.2359391 26.8708302,51.248339 27.7132302,53.0615391 L18.0412297,53.0615391 C17.9932297,53.0759391 17.9452297,53.0831391 17.8924297,53.0831391 L0.955629299,53.0831391 C0.802029311,53.0831391 0.653229311,53.0207391 0.546429311,52.9091391 C0.438429311,52.7987391 0.378429311,52.6511391 0.382029311,52.4975391 C0.626828735,40.922338 5.50602873,31.5395382 13.4308289,27.4031382 C13.6396289,27.2963382 13.8904289,27.3251382 14.0680289,27.4763382 C15.838029,28.9931384 17.970429,30.0479384 20.232429,30.5231384 C20.2348287,30.5231384 21.3808289,30.7427382 23.0092289,30.7427382 C23.9656287,30.7427382 24.8980287,30.6683382 25.7812287,30.5219382 C28.0180286,30.0467381 30.1504285,28.9919382 31.9180286,27.4763381 C32.0956286,27.3251381 32.3464286,27.2951381 32.5552286,27.4031381 C35.1280286,28.7459384 37.3744286,30.6467384 39.2500286,32.9903384 L39.2500286,32.9903384 L39.2500286,32.9903384 Z M22.9948406,27.4236392 C15.7060345,27.4236392 9.77682297,21.3552309 9.77684037,13.897239 C9.77684037,11.0424388 10.6516405,8.39523891 12.1324405,6.21123879 C12.1804405,6.06243879 12.2572405,5.91963879 12.3664405,5.79483879 C12.4132405,5.74083879 12.4744405,5.71203879 12.5284405,5.67003879 C14.9476407,2.45523877 18.7324405,0.37203884 22.9948406,0.37203884 C30.2836399,0.37203884 36.21044,6.44043843 36.21044,13.8972387 C36.21044,21.3552389 30.2824405,27.4236392 22.9948406,27.4236392 L22.9948406,27.4236392 L22.9948406,27.4236392 Z M42.9304119,36.3852602 C49.4872356,36.3852602 54.8260418,41.7215396 54.8260121,48.2784605 C54.8260121,54.8388605 49.4872122,60.1740606 42.9304119,60.1740606 C36.3700119,60.1740606 31.0348118,54.8388605 31.0348118,48.2784605 C31.0348118,41.7216603 36.3700119,36.3852602 42.9304119,36.3852602 L42.9304119,36.3852602 L42.9304119,36.3852602 Z M42.9304119,58.3391664 C37.3816118,58.3391664 32.8684116,53.8259666 32.8684116,48.2783667 C32.8684116,42.7319664 37.3816115,38.2199667 42.9304119,38.2199667 C48.4768122,38.2199667 52.9888118,42.7319667 52.9888118,48.2783667 C52.9888347,53.8259829 48.476823,58.3391664 42.9304119,58.3391664 L42.9304119,58.3391664 L42.9304119,58.3391664 Z M44.4688097,46.8947817 L44.4688097,42.2927817 C44.4688097,41.8907817 44.1436097,41.5643817 43.7440097,41.5643817 L42.2908098,41.5643817 C41.8936098,41.5643817 41.5660098,41.8907817 41.5660098,42.2927817 L41.5660098,46.8947817 L37.1692098,46.8947817 C36.7660098,46.8947817 36.4420098,47.2199817 36.4420098,47.6219817 L36.4420098,48.9803817 C36.4420098,49.3823817 36.7672098,49.7075817 37.1692098,49.7075817 L41.5660098,49.7075817 L41.5660098,54.3551816 C41.5660098,54.7559816 41.8936098,55.0811816 42.2908098,55.0811816 L43.7440097,55.0811816 C44.1448097,55.0811816 44.4688097,54.7559816 44.4688097,54.3551816 L44.4688097,49.7075817 L48.8680095,49.7075817 C49.2688095,49.7075817 49.5940095,49.3823817 49.5940095,48.9803817 L49.5940095,47.6219817 C49.5952313,47.2188051 49.2688274,46.8947817 48.8680095,46.8947817 L44.4688097,46.8947817 L44.4688097,46.8947817 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

18
data/images/add.svg
View File

@@ -1,10 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="82px" height="82px" 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">
<title>add</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M41,71 C57.5685433,71 71,57.5685433 71,41 C71,24.4314567 57.5685433,11 41,11 C24.4314567,11 11,24.4314567 11,41 C11,57.5685433 24.4314567,71 41,71 Z M41,71" id="Oval 1" fill="rgb(154,170,198)"></path>
<path d="M45.1402321,37.4080257 L45.1402321,25.8322088 C45.1402321,24.8210227 44.3242652,24 43.3216195,24 L39.6753614,24 C38.6787375,24 37.8567488,24.8210228 37.8567488,25.8322088 L37.8567488,37.4080257 L26.8246346,37.4080257 C25.812956,37.4080257 25,38.22603 25,39.2372161 L25,42.6541194 C25,43.6653056 25.8159669,44.4833098 26.8246346,44.4833098 L37.8567488,44.4833098 L37.8567488,56.1738281 C37.8567488,57.1819957 38.6787376,58 39.6753614,58 L43.3216195,58 C44.3272762,58 45.1402321,57.1819957 45.1402321,56.1738281 L45.1402321,44.4833098 L56.1783677,44.4833098 C57.1840244,44.4833098 57.9999914,43.6653056 57.9999914,42.6541194 L57.9999914,39.2372161 C58.0030567,38.2230705 57.1840693,37.4080257 56.1783677,37.4080257 L45.1402321,37.4080257 Z M45.1402321,37.4080257" id="Shape" fill="rgb(254,255,254)"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="add" sketch:type="MSLayerGroup">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="add">
<g id="Page-1">
<path d="M30,60 C46.5685433,60 60,46.5685433 60,30 C60,13.4314567 46.5685433,0 30,0 C13.4314567,0 0,13.4314567 0,30 C0,46.5685433 13.4314567,60 30,60 L30,60 L30,60 Z" id="Oval-1" fill="#000000"></path>
<path d="M34.1402321,26.4080257 L34.1402321,14.8322088 C34.1402321,13.8210227 33.3242652,13 32.3216195,13 L28.6753614,13 C27.6787375,13 26.8567488,13.8210228 26.8567488,14.8322088 L26.8567488,26.4080257 L15.8246346,26.4080257 C14.812956,26.4080257 14,27.22603 14,28.2372161 L14,31.6541194 C14,32.6653056 14.8159669,33.4833098 15.8246346,33.4833098 L26.8567488,33.4833098 L26.8567488,45.1738281 C26.8567488,46.1819957 27.6787376,47 28.6753614,47 L32.3216195,47 C33.3272762,47 34.1402321,46.1819957 34.1402321,45.1738281 L34.1402321,33.4833098 L45.1783677,33.4833098 C46.1840244,33.4833098 46.9999914,32.6653056 46.9999914,31.6541194 L46.9999914,28.2372161 C47.0030567,27.2230705 46.1840693,26.4080257 45.1783677,26.4080257 L34.1402321,26.4080257 L34.1402321,26.4080257 Z" id="Shape" fill="#FEFFFE"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

25
data/images/advanced-settings.svg
View File

@@ -1,16 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="79px" height="79px" 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">
<title>advanced-settings</title>
<svg width="61px" height="61px" viewBox="0 0 61 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(123,125,121)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" stroke="rgb(150,150,150)" stroke-width="1">
<path d="M77.0386845,38.7883065 L71.392233,37.998629 C71.2219104,34.1354033 70.388362,30.4270161 68.9173943,26.9457258 L73.6038458,23.410242 C73.9057813,23.1779839 74.1070716,22.8321774 74.1612652,22.4579839 C74.2154588,22.0786291 74.112233,21.6915323 73.8825555,21.3844355 L67.3612653,12.7573389 C67.1315879,12.4528228 66.7883621,12.2541131 66.4090073,12.1973389 C66.0244912,12.1431454 65.6451363,12.2463712 65.3406202,12.4760486 L61.0154589,15.7457259 C58.1509427,13.1031452 54.8786847,11.0283067 51.2606203,9.56766127 L52.0322332,4.03217745 C52.0864267,3.65282261 51.9832009,3.26830647 51.7561041,2.96120973 C51.5264267,2.6566936 51.1832009,2.45798394 50.8064267,2.40120975 L40.1044916,0.914758202 C39.7070723,0.860564654 39.3380401,0.961209812 39.0335239,1.19346789 C38.7290078,1.42056466 38.5302981,1.76637112 38.4735239,2.14572592 L37.7638465,7.28120981 C33.7715883,7.44895174 29.9419113,8.32637111 26.3522338,9.89540339 L23.0877177,5.58314532 C22.6077177,4.94830659 21.7070725,4.82443564 21.0670725,5.301855 L12.4477179,11.8128227 C12.1432018,12.0450808 11.9419115,12.3883066 11.8877179,12.7650808 C11.8335244,13.1444356 11.9367502,13.5289518 12.1664276,13.8360485 L15.2528792,17.9263712 C12.5767503,20.8889518 10.5173952,24.233468 9.11094341,27.8954032 L3.70707218,27.1470161 C3.3251367,27.0928226 2.9457819,27.1960484 2.63868508,27.4231452 C2.3367496,27.6554033 2.13287864,27.9960484 2.08126571,28.3754032 L0.599975382,39.0747578 C0.489007636,39.8644352 1.03868506,40.5921772 1.82836251,40.7005643 L7.0541692,41.4283062 C7.28900791,45.3354031 8.21029827,49.1005644 9.80771767,52.6566929 L5.25804022,56.0941123 C4.6283628,56.5741123 4.49674994,57.4773381 4.98191119,58.1147574 L11.4954594,66.734112 C11.9754594,67.3715314 12.8786852,67.4902411 13.5109433,67.0128217 L17.9548143,63.6605636 C20.8193305,66.1870151 24.1328789,68.202499 27.6425561,69.5599185 L26.8322335,75.4592733 C26.7212657,76.2489507 27.2761045,76.9741121 28.0632012,77.0850798 L38.7625558,78.5715313 C38.827072,78.5818539 38.8967494,78.5870152 38.9638461,78.5870152 C39.6709429,78.5870152 40.2902978,78.0657248 40.3909429,77.3457249 L41.1961042,71.6089505 C44.9793299,71.3895957 48.6335234,70.5224989 52.0838457,69.0257246 L55.769007,73.9031439 C56.2541682,74.5405633 57.157394,74.6566923 57.7896521,74.1844342 L66.4167487,67.678628 C66.7238455,67.4489506 66.9225552,67.1005635 66.9767487,66.7237893 C67.0309422,66.3444345 66.9277164,65.9599183 66.7006197,65.6528216 L63.1728778,60.981854 C65.7122327,58.1766927 67.7070712,54.9947574 69.113523,51.5005636 L75.1522325,52.3392732 C75.9161035,52.4347571 76.6696519,51.8979829 76.7832003,51.1083055 L78.2722326,40.4063704 C78.3779927,39.6272051 77.82844,38.8966734 77.0386845,38.7883065 C77.0386845,38.7883065 77.82844,38.8966734 77.0386845,38.7883065 L77.0386845,38.7883065 M47.570281,50.5303679 C45.1444746,52.3652067 42.2541521,53.3355293 39.2218942,53.3355293 C34.8270556,53.3355293 30.785765,51.3303679 28.1406035,47.8284323 C23.5341519,41.730368 24.7496357,33.0206906 30.8554423,28.4064968 C33.2812487,26.571658 36.1715712,25.6039162 39.2012487,25.6039162 C43.5960872,25.6039162 47.6296358,27.6064969 50.2696358,31.1006907 C54.8812689,37.2012349 53.6734816,45.921308 47.570281,50.5303679 C47.570281,50.5303679 53.6734816,45.921308 47.570281,50.5303679 L47.570281,50.5303679" id="Shape" fill="url(#linearGradient-1)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="advanced-settings" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="advanced-settings">
<g id="Page-1">
<g id="Group">
<path d="M58.4912958,29.0679281 L54.1478715,28.4604838 C54.0168542,25.4887718 53.3756631,22.6361662 52.2441495,19.9582506 L55.8491122,17.2386477 C56.0813702,17.0599876 56.2362089,16.7939826 56.2778963,16.5061415 C56.3195837,16.2143301 56.2401792,15.9165633 56.0635042,15.680335 L51.0471272,9.04410685 C50.8704522,8.80986369 50.6064324,8.65701008 50.314621,8.61333762 C50.0188394,8.57165031 49.7270279,8.65105477 49.4927848,8.82772969 L46.1657376,11.3428661 C43.9622636,9.31011169 41.4451421,7.71408208 38.6620156,6.59050867 L39.255564,2.33244419 C39.2972513,2.04063278 39.2178468,1.74485113 39.043157,1.50862287 C38.8664821,1.27437969 38.6024622,1.12152611 38.3126359,1.07785365 L30.0803782,-0.0655706138 C29.774671,-0.107257958 29.4908001,-0.0298386062 29.2565568,0.148821454 C29.0223137,0.323511277 28.8694601,0.589516246 28.8257876,0.881327631 L28.2798819,4.83169985 C25.2089141,4.96073211 22.2630087,5.63567008 19.5017183,6.84261799 L16.9905521,3.5254964 C16.6213213,3.03715892 15.9285173,2.94187357 15.4362096,3.30911923 L8.80593685,8.31755592 C8.57169369,8.496216 8.416855,8.76023585 8.37516762,9.05006215 C8.33348031,9.34187354 8.41288477,9.63765523 8.58955969,9.87388346 L10.9637532,13.0202855 C8.90519254,15.2991937 7.32107323,17.8718985 6.23918724,20.6887717 L2.08236322,20.1130893 C1.78856669,20.071402 1.49675531,20.1508065 1.26052698,20.3254963 C1.02826892,20.5041564 0.871445108,20.7661911 0.831742854,21.0580025 L-0.307711245,29.2882752 C-0.393071049,29.8957194 0.0297577385,30.4555209 0.637201931,30.5388956 L4.65705323,31.0986971 C4.83769839,34.1041562 5.54638328,37.0004342 6.77516744,39.7359176 L3.27541555,42.3800864 C2.79104831,42.7493172 2.68980765,43.4441062 3.06300861,43.9344288 L8.07343031,50.5647015 C8.44266108,51.0550242 9.13745015,51.1463393 9.62380254,50.7790936 L13.0421648,48.2004335 C15.2456388,50.1438578 17.7945222,51.69423 20.4942739,52.7383988 L19.8709488,57.2763641 C19.785589,57.8838082 20.2123881,58.4416247 20.8178471,58.5269845 L29.0481198,59.6704087 C29.7468792,59.6823194 30.223306,59.2813268 30.3007253,58.7274807 L30.9200802,54.3145773 C33.8302538,54.1458428 36.6411718,53.4788453 39.2952659,52.3274805 L42.1300054,56.0793415 C42.5032063,56.5696641 43.1979954,56.6589941 43.6843478,56.2957186 L50.3205759,51.2912523 C50.5568042,51.1145774 50.7096578,50.8465873 50.7513452,50.556761 C50.7930325,50.2649496 50.713628,49.9691679 50.5389382,49.7329397 L47.8252906,46.1398877 C49.7786405,43.9820713 51.3131317,41.5344288 52.3950177,38.8465874 L57.0401788,39.4917486 C57.6277719,39.5651978 58.2074245,39.1522945 58.2947695,38.5448504 L59.4401789,30.3125926 C59.5215328,29.7132347 59.0988,29.1512872 58.4912958,29.0679281 L50.3851394,37.3024523 M35.8232931,38.100283 C33.9572882,39.5116975 31.7339632,40.2580995 29.4014571,40.2580995 C26.020812,40.2580995 22.9121269,38.7156676 20.8773873,36.021871 C17.333963,31.3310523 18.2689505,24.6313005 22.9657248,21.0819206 C24.8317298,19.6705062 27.0550548,18.9260894 29.3855759,18.9260894 C32.7662209,18.9260894 35.8689506,20.4665361 37.8997198,23.1543775 C41.4471299,27.8471038 40.5180628,34.5548523 35.8232931,38.100283 C35.8232931,38.100283 40.5180628,34.5548523 35.8232931,38.100283 L35.8232931,38.100283" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

88
data/images/album-icon.svg
View File

@@ -1,20 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="365px" height="365px" 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">
<title>album-icon</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="70.6690133%" id="radialGradient-1">
<stop stop-color="rgb(187,190,185)" offset="0%"></stop>
<stop stop-color="rgb(213,211,209)" offset="0.923389476%"></stop>
<stop stop-color="rgb(241,240,240)" offset="100%"></stop>
</radialGradient>
<path d="M183,243 C216.137087,243 243,216.137087 243,183 C243,149.862913 216.137087,123 183,123 C149.862913,123 123,149.862913 123,183 C123,216.137087 149.862913,243 183,243 Z M182.5,360 C84.4694521,360 5,280.530548 5,182.5 C5,84.4694521 84.4694521,5 182.5,5 C280.530548,5 360,84.4694521 360,182.5 C360,280.530548 280.530548,360 182.5,360 Z M182.5,360" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group">
<use id="Oval 1" stroke="rgb(49,54,58)" stroke-width="5" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Oval 1-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<path d="M183,243 C149.862913,243 123,216.137087 123,183 C123,149.862913 149.862913,123 183,123 C216.137087,123 243,149.862913 243,183 C243,216.137087 216.137087,243 183,243 Z M183.5,209 C198.135547,209 210,197.359404 210,183 C210,168.640596 198.135547,157 183.5,157 C168.864453,157 157,168.640596 157,183 C157,197.359404 168.864453,209 183.5,209 Z M183.5,209" id="Oval 2" stroke="rgb(150,150,150)" stroke-width="1" fill="rgb(137,137,137)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="album-icon" sketch:type="MSLayerGroup">
<g id="Page-1">
<g id="icon_Playlist">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29"></g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40" fill="#000000" sketch:type="MSShapeGroup">
<path d="M30,0 C13.5,0 0,13.5 0,30 C0,46.5 13.5,60 30,60 C46.5,60 60,46.5 60,30 C59.5,13.5 46.5,0 30,0 L30,0 L30,0 Z M30,40 C24.5,40 20,35.5 20,30 C20,24.5 24.5,20 30,20 C35.5,20 39.5,24.5 39.5,30 C39.5,35.5 35,40 30,40 L30,40 L30,40 Z" id="Shape"></path>
</g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
<g id="Layer_48"></g>
<g id="Layer_49"></g>
<g id="Layer_51"></g>
<g id="Layer_52"></g>
<g id="Layer_53"></g>
<g id="Layer_54"></g>
<g id="Layer_55"></g>
<g id="Layer_56"></g>
<g id="Layer_57"></g>
<g id="Layer_58"></g>
<g id="Layer_59"></g>
<g id="Layer_60"></g>
<g id="Layer_61"></g>
<g id="Layer_62"></g>
<g id="Layer_63"></g>
<g id="Layer_64"></g>
<g id="Layer_65"></g>
<g id="Layer_66"></g>
<g id="Layer_50"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

97
data/images/album-placeholder-grid.svg
View File

@@ -1,26 +1,83 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="355px" height="355px" viewBox="0 0 355 355" 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">
<svg width="200px" height="200px" viewBox="0 0 200 200" 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">
<title>album-placeholder-grid</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<path d="M177.5,219 C200.419818,219 219,200.419818 219,177.5 C219,154.580182 200.419818,136 177.5,136 C154.580182,136 136,154.580182 136,177.5 C136,200.419818 154.580182,219 177.5,219 Z M177.5,355 C79.4694521,355 0,275.530548 0,177.5 C0,79.4694521 79.4694521,0 177.5,0 C275.530548,0 355,79.4694521 355,177.5 C355,275.530548 275.530548,355 177.5,355 Z M177.5,355" id="path-1"></path>
<filter x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" id="filter-2">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
<feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner1" result="shadowBlurInner1"></feGaussianBlur>
<feComposite in="shadowBlurInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0" in="shadowInnerInner1" type="matrix" result="shadowMatrixInner1"></feColorMatrix>
<feMerge>
<feMergeNode in="SourceGraphic"></feMergeNode>
<feMergeNode in="shadowMatrixInner1"></feMergeNode>
</feMerge>
</filter>
</defs>
<g id="Page 1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<rect d="M-23,-22 L-23,378 L377,378 L377,-22 L-23,-22 Z M-23,-22" id="Rectangle 1" sketch:type="MSShapeGroup" x="-23" y="-22" width="400" height="400"></rect>
<g id="Oval 1">
<use fill="#0B0A0A" fill-rule="evenodd" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
<use fill="none" xlink:href="#path-1"></use>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<rect id="Rectangle-1" fill="#D8D8D8" sketch:type="MSShapeGroup" x="0" y="0" width="200" height="200"></rect>
<g id="album-placeholder-grid" sketch:type="MSLayerGroup" transform="translate(75.000000, 75.000000)">
<g id="Page-1">
<g id="album-icon">
<g id="Page-1">
<g id="icon_Playlist">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29"></g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40" fill="#606060" sketch:type="MSShapeGroup">
<path d="M25,0 C11.25,0 0,11.25 0,25 C0,38.75 11.25,50 25,50 C38.75,50 50,38.75 50,25 C49.5833333,11.25 38.75,0 25,0 L25,0 L25,0 Z M25,33.3333333 C20.4166667,33.3333333 16.6666667,29.5833333 16.6666667,25 C16.6666667,20.4166667 20.4166667,16.6666667 25,16.6666667 C29.5833333,16.6666667 32.9166667,20.4166667 32.9166667,25 C32.9166667,29.5833333 29.1666667,33.3333333 25,33.3333333 L25,33.3333333 L25,33.3333333 Z" id="Shape"></path>
</g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
<g id="Layer_48"></g>
<g id="Layer_49"></g>
<g id="Layer_51"></g>
<g id="Layer_52"></g>
<g id="Layer_53"></g>
<g id="Layer_54"></g>
<g id="Layer_55"></g>
<g id="Layer_56"></g>
<g id="Layer_57"></g>
<g id="Layer_58"></g>
<g id="Layer_59"></g>
<g id="Layer_60"></g>
<g id="Layer_61"></g>
<g id="Layer_62"></g>
<g id="Layer_63"></g>
<g id="Layer_64"></g>
<g id="Layer_65"></g>
<g id="Layer_66"></g>
<g id="Layer_50"></g>
</g>
</g>
</g>
</g>
</g>
<circle d="M177.5,191 C184.40356,191 190,185.40356 190,178.5 C190,171.59644 184.40356,166 177.5,166 C170.59644,166 165,171.59644 165,178.5 C165,185.40356 170.59644,191 177.5,191 Z M177.5,191" id="Oval 2" stroke="#979797" fill-opacity="0.496897978" fill="#898989" filter="url(#filter-2)" sketch:type="MSShapeGroup" cx="177.5" cy="178.5" r="12.5"></circle>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

12
data/images/artist-icon.svg
View File

@@ -1,9 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" 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">
<title>artist-icon</title>
<svg width="62px" height="61px" viewBox="0 0 62 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M50,100 C22.3857613,100 0,77.6142426 0,50 C0,22.3857613 22.3857613,0 50,0 C77.6142426,0 100,22.3857613 100,50 C100,77.6142426 77.6142426,100 50,100 Z M74.9125277,41.9861298 C74.7157469,41.3412425 74.1555699,40.9001649 73.5135216,40.8849538 L65.0060053,40.7024396 L62.5053189,40.6507282 L60.0046261,40.5944519 L57.8702057,40.551864 L56.870507,40.5290521 L56.3419287,38.9335645 L51.4080563,24.0601075 C51.1969142,23.4273891 50.6295549,23 49.9932524,23 C49.3569468,23 48.788151,23.4273891 48.5770089,24.0601075 L43.644573,38.9335645 L43.1145582,40.5290521 L42.1134231,40.551864 L39.9790026,40.5944519 L37.4797495,40.6507282 L34.9804964,40.7024396 L26.4715452,40.8849538 C25.8309318,40.9001649 25.2693183,41.3412425 25.0725375,41.9861298 C24.8757582,42.6325366 25.0883384,43.3367392 25.6011158,43.742836 L38.8543392,54.2739563 L34.0368129,70.9482269 C33.8515236,71.5961533 34.0712861,72.2942746 34.5869363,72.6942902 C34.7176437,72.7946676 34.8584062,72.8692004 35.0077889,72.9193891 C35.0551886,72.9376424 35.1054579,72.9361229 35.1571669,72.9498113 C35.257712,72.9711037 35.3596936,72.996961 35.4631115,72.9984805 L35.4746031,73 C35.5694024,73 35.6627653,72.9756622 35.7575645,72.9558894 C35.8078371,72.9452464 35.8595429,72.9498113 35.908379,72.931558 C36.0548873,72.8844083 36.1942133,72.8159663 36.3234874,72.7201411 L49.9946857,62.7502581 L63.6658872,72.7201411 C63.9229925,72.9072202 64.218882,73 64.5162079,73 C64.8278983,73 65.1395887,72.8996162 65.4038762,72.6942902 C65.9180869,72.2927551 66.1378509,71.5915947 65.9525617,70.9482269 L61.1335989,54.2739563 L74.389692,43.742836 C74.8982395,43.3351625 75.1093403,42.6309408 74.9125277,41.9861298 Z M74.9125277,41.9861298" id="Oval 1" fill="rgb(69,73,82)"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="artist-icon" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<path d="M59.9125522,22.5833558 C59.6763462,21.809491 59.0039372,21.2801979 58.2332538,21.2619446 L48.0212482,21.0429275 L45.0195468,20.9808738 L42.0178377,20.9133423 L39.4557841,20.8622368 L38.2557947,20.8348625 L37.6213153,18.9202774 L31.6989366,1.072129 C31.445492,0.31286692 30.7644617,-0.2 30.0006754,-0.2 C29.2368853,-0.2 28.5541307,0.31286692 28.3006861,1.072129 L22.3800317,18.9202774 L21.7438279,20.8348625 L20.5421144,20.8622368 L17.9800607,20.9133423 L14.9800797,20.9808738 L11.9800988,21.0429275 L1.7663707,21.2619446 C0.9974098,21.2801979 0.3232765,21.809491 0.0870705,22.5833558 C-0.14913376,23.3590439 0.1060371,24.204087 0.72155,24.6914032 L16.6300698,37.3287476 L10.8473473,57.3378723 C10.6249352,58.115384 10.8887273,58.9531295 11.5076885,59.4331482 C11.6645833,59.5536011 11.8335477,59.6430405 12.0128594,59.7032669 C12.0697556,59.7251709 12.1300964,59.7233475 12.1921654,59.7397736 C12.3128548,59.7653244 12.4352685,59.7963532 12.5594063,59.7981766 L12.5732002,59.8 C12.6869927,59.8 12.7990609,59.7707946 12.9128532,59.7470673 C12.973198,59.7342957 13.0352631,59.7397736 13.0938836,59.7178696 C13.269745,59.66129 13.4369851,59.5791596 13.5921594,59.4641693 L30.0023958,47.5003097 L46.4126361,59.4641693 C46.7212527,59.6886642 47.076424,59.8 47.4333194,59.8 C47.8074573,59.8 48.1815952,59.6795394 48.4988329,59.4331482 C49.1160663,58.9513061 49.3798602,58.1099136 49.1574481,57.3378723 L43.3730013,37.3287476 L59.2849659,24.6914032 C59.8954014,24.202195 60.1487964,23.357129 59.9125522,22.5833558 L59.9125522,22.5833558 L59.9125522,22.5833558 Z" id="Path"></path>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

18
data/images/artist-placeholder-grid.svg
View File

@@ -4,11 +4,19 @@
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<rect d="M0,0 L0,200 L200,200 L200,0 L0,0 Z M0,0" id="Rectangle-1" sketch:type="MSShapeGroup" x="0" y="0" width="200" height="200"></rect>
<g sketch:type="MSLayerGroup" transform="translate(14.000000, 6.000000)" id="artist-placeholder" fill="#9B9B9B">
<g sketch:type="MSShapeGroup">
<g id="Page-1">
<path d="M171,65 C171,63 169,61 166,61 L109,60 L91,3 C90,1 88,0 86,0 C83,0 82,1 81,3 L62,60 L5,61 C3,61 1,63 0,65 C0,67 0,70 2,71 L47,107 L31,165 C30,167 31,169 33,171 C35,172 37,172 39,171 L86,136 L133,171 C133,171 134,172 136,172 C137,172 138,171 139,171 C140,169 141,167 140,165 L124,107 L169,71 C171,70 172,67 171,65 C171,65 172,67 171,65 L171,65 M115,101 C113,102 112,104 113,107 L126,153 L89,125 C87,124 85,124 83,125 L45,153 L58,107 C59,104 58,102 57,101 L20,72 L66,71 C68,71 70,69 71,67 L86,21 L101,67 C101,69 103,71 106,71 L151,72 L115,101" id="Shape"></path>
<g id="artist-placeholder-grid" sketch:type="MSLayerGroup">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="artist-placeholder-grid">
<g id="Page-1">
<rect id="Rectangle-1" fill="#D8D8D8" x="0" y="0" width="200" height="200"></rect>
<g id="artist-placeholder" transform="translate(75.000000, 75.000000)" fill="#606060">
<g id="Group">
<g id="Page-1">
<path d="M50,19.2732558 C50,18.6802326 49.4152047,18.0872093 48.5380117,18.0872093 L31.871345,17.7906977 L26.6081871,0.889534884 C26.3157895,0.296511628 25.7309942,0 25.1461988,0 C24.2690058,0 23.9766082,0.296511628 23.6842105,0.889534884 L18.128655,17.7906977 L1.4619883,18.0872093 C0.877192982,18.0872093 0.292397661,18.6802326 0,19.2732558 C0,19.8662791 0,20.755814 0.584795322,21.0523256 L13.7426901,31.7267442 L9.06432749,48.9244186 C8.77192982,49.5174419 9.06432749,50.1104651 9.64912281,50.7034884 C10.2339181,51 10.8187135,51 11.4035088,50.7034884 L25.1461988,40.3255814 L38.8888889,50.7034884 C38.8888889,50.7034884 39.1812865,51 39.7660819,51 C40.0584795,51 40.3508772,50.7034884 40.6432749,50.7034884 C40.9356725,50.1104651 41.2280702,49.5174419 40.9356725,48.9244186 L36.2573099,31.7267442 L49.4152047,21.0523256 C50,20.755814 50.2923977,19.8662791 50,19.2732558 C50,19.2732558 50.2923977,19.8662791 50,19.2732558 L50,19.2732558" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

23
data/images/automatic-playlist.svg
View File

@@ -1,16 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="107px" height="107px" 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">
<svg width="62px" height="62px" viewBox="0 0 62 62" 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">
<title>automatic-playlist</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="55.1087141%" cy="29.5365341%" fx="55.1087141%" fy="29.5365341%" r="100%" id="radialGradient-1">
<stop stop-color="rgb(149,198,243)" offset="0%"></stop>
<stop stop-color="rgb(124,142,212)" offset="100%"></stop>
</radialGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="g2598" fill="rgb(0,0,0)">
<path d="M20.0684075,81.2901123 L20.9789657,80.3761627 L28.3736486,85.5563411 L26.3575333,87.5775429 C24.502504,89.429181 24.502504,92.4457232 26.354142,94.2990568 C28.2074758,96.1523906 31.2223223,96.1523906 33.0807429,94.2990568 L37.4521008,89.9260028 C43.0087105,84.3710886 43.9158777,78.5380895 44.0939198,74.0751679 C44.1176588,73.4715203 44.1312239,72.8729597 44.126137,72.2777904 C44.1227457,70.6414986 44.0396594,69.0238586 43.9599643,67.4604792 C43.8802693,65.9310126 43.8175306,64.566023 43.8073568,63.1908597 C43.8005742,62.5685601 43.8073568,61.9479562 43.8310957,61.3358304 C43.8972257,59.8487549 44.0633983,58.2497669 44.516134,56.5795623 L52.9519391,62.4854738 C50.8357813,63.3502498 48.8077968,63.6622475 46.9392023,63.7792466 C46.9561587,64.8831078 47.0172017,66.0293599 47.0799404,67.2807417 C47.1562441,68.7627304 47.2291566,70.2141976 47.2478087,71.7080559 C53.384327,71.8182724 59.8447124,70.9823223 65.7777551,65.0492805 C71.9193604,58.9059797 72.6027032,52.2065091 72.4263565,45.8834694 C72.4077045,45.2781262 72.3839656,44.6710873 72.358531,44.0742222 C72.334792,43.5638348 72.3093574,43.0619256 72.2822272,42.5634077 C72.1499673,39.9283843 72.0160118,37.203492 72.3127487,34.6159469 C72.3907481,33.9139523 72.4958778,33.2797832 72.6213551,32.67444 C72.9180919,31.2941897 73.364045,30.0071996 73.9575188,28.7829478 C73.9575188,28.7829478 79.759797,31.8201554 80.0533419,33.0525673 C80.3468867,34.2849792 77.0808863,34.5243821 75.4191598,34.919466 C75.1444662,37.2391005 75.2733348,39.7486466 75.4055946,42.4023221 L75.4496813,43.3298368 C79.8227349,43.089056 85.3674752,42.0089338 90.6561747,36.720235 L95.0326197,32.3488769 C96.8859535,30.4938476 96.8842578,27.4756096 95.0292285,25.6256675 C93.1758947,23.7689425 90.162744,23.7689425 88.3077145,25.6222762 L87.3140699,26.6176165 L79.9176915,21.4391344 L82.0219799,19.3365417 C83.873618,17.4832079 83.873618,14.4683613 82.0202843,12.6150278 C80.165255,10.7599985 77.1504084,10.7599985 75.2987703,12.6150278 L70.9240212,16.9880814 C65.3724985,22.5413 64.4619399,28.3692118 64.2838981,32.8372216 C64.2584636,33.4408692 64.2482897,34.0428211 64.251681,34.6362948 C64.2550723,36.2437608 64.3347673,37.8291835 64.4127667,39.3637372 C64.4924618,40.9101602 64.561983,42.320932 64.5721568,43.7181389 C64.5772437,44.3421341 64.5738524,44.9627381 64.5450266,45.5765594 C64.4755054,47.1518083 64.294072,48.8491431 63.7735107,50.6244775 L55.1087939,44.559176 C57.3385596,43.5943573 59.4784561,43.2552295 61.4386153,43.1314478 C61.4199633,41.9987608 61.3589203,40.8236829 61.2961816,39.6316486 C61.2232691,38.1852683 61.1469654,36.7236272 61.1334002,35.2026389 C54.9951864,35.0924223 48.5314091,35.9317638 42.5949771,41.8681967 C36.4550673,48.0081065 35.7734208,54.7024898 35.949767,61.0255295 C35.9650278,61.6376553 35.9955493,62.2396072 36.0175926,62.8415591 L36.0938963,64.350678 C36.2244606,66.9873969 36.3618074,69.7088981 36.0650705,72.2964433 C35.9853754,73.0001335 35.8819414,73.632607 35.7547685,74.2379502 C35.4495534,75.6605915 34.9883396,76.9797988 34.3677356,78.234572 L28.2159564,73.9293439 C29.6945537,73.040829 31.2528463,72.4015729 32.9569637,71.992924 C33.2333529,69.6715939 33.1044843,67.1603523 32.9722244,64.5134597 L32.9247465,63.5842494 C28.5567799,63.8216389 23.0086482,64.9017611 17.7199494,70.1921557 L13.3468958,74.5652093 C11.4901708,76.4185431 11.4935621,79.4384766 13.3468958,81.2901146 C15.2002268,83.1451418 18.2150736,83.1451418 20.0684075,81.2901123 Z M20.0684075,81.2901123" id="path2600" fill="url(#radialGradient-1)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="automatic-playlist" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="automatic-playlist">
<g id="Page-1">
<g id="g2598">
<path d="M6.40086793,49.6183322 L11.6827843,53.3184596 L10.2427019,54.7621752 C8.917681,56.0847738 8.917681,58.2394468 10.2402796,59.5632565 C11.5640894,60.8870664 13.7175512,60.8870664 15.0449945,59.5632565 L18.167393,56.4396465 C22.1363999,52.4718507 22.7843765,48.3054227 22.9115494,45.1176216 C22.9285059,44.6864447 22.9381952,44.2589014 22.9345617,43.8337805 C22.9321394,42.6650007 22.872792,41.5095435 22.8158669,40.3928439 C22.7589419,39.3003678 22.7141286,38.3253752 22.7068616,37.3431157 C22.7020169,36.898616 22.7068616,36.4553275 22.7238179,36.0180948 C22.7710536,34.955898 22.8897484,33.8137637 23.213131,32.6207604 L29.2387061,36.8392687 C27.7271648,37.4569658 26.2786044,37.6798213 24.9438941,37.7633921 C24.9560058,38.5518644 24.9996079,39.3706159 25.0444213,40.26446 C25.0989239,41.3230234 25.1510043,42.3597857 25.1643272,43.4268273 C29.5475546,43.5055534 34.1621156,42.9084462 38.4000032,38.6705592 C42.7868641,34.2824872 43.2749661,29.497151 43.1490042,24.9806941 C43.1356814,24.5483061 43.118725,24.1147069 43.1005574,23.6883747 C43.083601,23.3238122 43.0654334,22.9653057 43.0460547,22.6092214 C42.9515834,20.7270619 42.8559009,18.7807102 43.0678558,16.9324637 C43.1235696,16.431039 43.1986623,15.9780611 43.2882889,15.5456731 C43.5002438,14.55978 43.8187817,13.6405014 44.2426916,12.7660358 C44.2426916,12.7660358 48.387176,14.9354698 48.5968509,15.815764 C48.8065258,16.6960582 46.4736684,16.8670603 45.2867209,17.1492631 C45.0905111,18.8061449 45.1825601,20.5986778 45.2770314,22.4941603 L45.3085219,23.1566708 C48.4321316,22.9846845 52.3926604,22.2131687 56.1703029,18.4355267 L59.2963351,15.313128 C60.6201449,13.9881071 60.6189337,11.8322228 59.2939128,10.5108356 C57.9701029,9.18460345 55.8178524,9.18460345 54.4928314,10.5084132 L53.7830852,11.2193706 L48.4999578,7.52045481 L50.0030209,6.01860288 C51.3256196,4.69479302 51.3256196,2.54133116 50.0018098,1.21752152 C48.6767889,-0.107499407 46.523327,-0.107499407 45.2007284,1.21752152 L42.0759076,4.34113124 C38.1105342,8.30771595 37.4601352,12.4705101 37.3329625,15.6619457 C37.314795,16.0931225 37.3075279,16.5230882 37.3099503,16.946998 C37.3123726,18.0951879 37.3692976,19.2276327 37.4250115,20.3237425 C37.4819366,21.4283304 37.5315946,22.4360245 37.5388616,23.4340294 C37.5424951,23.8797403 37.5400727,24.3230289 37.5194829,24.7614727 C37.4698249,25.8866504 37.3402296,27.0990324 36.9684001,28.3671284 L30.7793166,24.0347702 C32.3720064,23.345614 33.9005039,23.1033799 35.3006176,23.0149644 C35.2872948,22.2059022 35.2436926,21.3665609 35.1988793,20.5151078 C35.1467989,19.481979 35.0922963,18.4379497 35.0826069,17.3515294 C30.6981684,17.2728033 26.0811846,17.8723329 21.8408761,22.1126422 C17.4552262,26.498292 16.9683359,31.2799944 17.0942974,35.7964513 C17.105198,36.233684 17.1269991,36.6636497 17.1427443,37.0936153 L17.1972469,38.1715574 C17.2905071,40.054928 17.388612,41.9988574 17.1766571,43.847104 C17.119732,44.3497399 17.0458506,44.8015067 16.9550128,45.2338947 C16.737002,46.250067 16.4075636,47.1923579 15.964275,48.0886245 L11.570147,45.0134616 C12.6262879,44.3788081 13.7393541,43.9221966 14.9565808,43.6303045 C15.1540016,41.9722116 15.0619526,40.1784676 14.9674813,38.28783 L14.9335685,37.6241084 C11.8135924,37.7936723 7.85064114,38.5651882 4.07299914,42.3440414 L0.949389428,45.4676512 C-0.376842715,46.791461 -0.374420358,48.9485564 0.949389428,50.2711549 C2.27319728,51.5961744 4.42665928,51.5961744 5.75046921,50.2711533 L6.40086793,49.6183322 L6.40086793,49.6183322 Z" id="path2600"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

29
data/images/charts.svg
View File

@@ -1,16 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="73px" height="73px" viewBox="0 0 73 73" 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">
<title>charts</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="25.578859%" fx="50%" fy="25.578859%" r="74.4211435%" id="radialGradient-1">
<stop stop-color="rgb(67,112,14)" offset="0%"></stop>
<stop stop-color="rgb(125,237,22)" offset="100%"></stop>
</radialGradient>
<path d="M12.6880041,58.1100338 C10.7249589,58.1100338 9.13496935,56.2763784 9.13493435,54.014699 L9.13493435,25.7770118 C9.13493435,23.5153566 10.7250023,21.683366 12.6879943,21.683366 L18.844184,21.683366 C20.807176,21.683366 22.3972439,23.5153566 22.3972439,25.7770118 L22.3972439,54.014699 C22.3972439,56.2763526 20.807176,58.1100338 18.844184,58.1100338 Z M33.2428954,58.1100338 C31.2798503,58.1100338 29.6898607,56.2763784 29.6898271,54.014699 L29.6898271,41.0013078 C29.6898271,38.7396542 31.2798923,36.9076636 33.242887,36.9076636 L39.3990754,36.9076636 C41.3620673,36.9076636 42.9521353,38.7396542 42.9521353,41.0013078 L42.9521353,54.014699 C42.9521353,56.2763526 41.3620673,58.1100338 39.3990754,58.1100338 Z M59.9539668,58.1100338 L53.7977868,58.1100338 C51.8347416,58.1100338 50.2447521,56.2763784 50.2447185,54.014699 L50.2447185,7.16953817 C50.2447185,4.9078842 51.8347865,3.07589402 53.7977756,3.07589402 L59.9539668,3.07589402 C61.9169615,3.07589402 63.5070295,4.9078844 63.5070295,7.16953817 L63.5070295,54.014699 C63.5070295,56.2763526 61.9169615,58.1100338 59.9539668,58.1100338 Z M3.31053384,63.6787297 L70.6895101,63.6787297 C72.3030676,63.6787297 73.6141839,65.1875721 73.6141335,67.0483749 L73.6141335,67.2851962 C73.6141335,69.1459409 72.3044902,70.6548414 70.6894653,70.6548414 L3.31053384,70.6548414 C1.6955068,70.6548414 0.385866463,69.147638 0.385866463,67.2851962 L0.385866463,67.0483749 C0.385866463,65.1876237 1.69403853,63.6787297 3.31053384,63.6787297 Z M3.31053384,63.6787297" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<use id="Shape" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="charts" sketch:type="MSLayerGroup" transform="translate(1.000000, 2.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="Group">
<path d="M55.5771484,47.8056815 L19.851435,47.8056815 C18.4985778,47.8056815 17.4000065,48.9056815 17.4000065,50.2585387 C17.4000065,51.6113958 18.4985779,52.7099672 19.851435,52.7099672 L55.5771484,52.7099672 C56.9300056,52.7099672 58.028577,51.6113958 58.028577,50.2585387 C58.028577,48.9056816 56.9314314,47.8056815 55.5771484,47.8056815 L55.5771484,47.8056815" id="Shape"></path>
<path d="M55.5771484,25.7842494 L19.851435,25.7842494 C18.4985778,25.7842494 17.4000065,26.8813923 17.4000065,28.235678 C17.4000065,29.5899636 18.4985779,30.685678 19.851435,30.685678 L55.5771484,30.685678 C56.9300056,30.685678 58.028577,29.5899637 58.028577,28.235678 C58.028577,26.8813922 56.9314314,25.7842494 55.5771484,25.7842494 L55.5771484,25.7842494" id="Shape"></path>
<path d="M19.8528355,7.66289411 L55.578549,7.66289411 C56.9314062,7.66289411 58.0299775,6.56575125 58.0299775,5.21289407 C58.0299775,3.85860833 56.9314061,2.76003691 55.578549,2.76003691 L19.8528355,2.76003691 C18.4999783,2.76003691 17.401407,3.85860833 17.401407,5.21289407 C17.4014457,6.56713867 18.4985526,7.66289411 19.8528355,7.66289411 C19.8528355,7.66289411 18.4985526,7.66289411 19.8528355,7.66289411 L19.8528355,7.66289411" id="Shape"></path>
<path d="M8.36000279,-0.277169364 L2.28285967,-0.277169364 C0.928573932,-0.277169364 -0.169997488,0.819973503 -0.169997488,2.17283068 L-0.169997488,8.25283074 C-0.169997488,9.60568792 0.928573932,10.7056879 2.28285967,10.7056879 L8.36000279,10.7056879 C9.71428852,10.7056879 10.8128599,9.60568792 10.8128599,8.25283074 L10.8128599,2.17283068 C10.8128749,0.818586077 9.71428571,-0.277169364 8.36000279,-0.277169364 L8.36000279,-0.277169364" id="Shape"></path>
<path d="M8.36000279,22.7428676 L2.28285967,22.7428676 C0.928573932,22.7428676 -0.169997488,23.8428676 -0.169997488,25.1971534 L-0.169997488,31.275725 C-0.169997488,32.6285822 0.928573932,33.725725 2.28285967,33.725725 L8.36000279,33.725725 C9.71428852,33.725725 10.8128599,32.6285822 10.8128599,31.275725 L10.8128599,25.1971534 C10.8128749,23.8428955 9.71428571,22.7428676 8.36000279,22.7428676 L8.36000279,22.7428676" id="Shape"></path>
<path d="M8.36000279,44.767177 L2.28285967,44.767177 C0.928573932,44.767177 -0.169997488,45.8643199 -0.169997488,47.2186056 L-0.169997488,53.2971771 C-0.169997488,54.6500343 0.928573932,55.7486057 2.28285967,55.7486057 L8.36000279,55.7486057 C9.71428852,55.7486057 10.8128599,54.6500342 10.8128599,53.2971771 L10.8128599,47.2186056 C10.8128749,45.8628453 9.71428571,44.767177 8.36000279,44.767177 L8.36000279,44.767177" id="Shape"></path>
</g>
<path d="M7.83,51.94 C7.83,52.3266686 7.7516675,52.6616652 7.595,52.945 C7.4383326,53.2283347 7.2333346,53.4616658 6.98,53.645 C6.7266654,53.8283343 6.4416682,53.9649995 6.125,54.055 C5.8083318,54.1450004 5.4866683,54.19 5.16,54.19 C4.8399984,54.19 4.5283348,54.1533337 4.225,54.08 C3.9216651,54.0066663 3.6450013,53.8950008 3.395,53.745 C3.1449988,53.5949993 2.9266676,53.4016678 2.74,53.165 C2.5533324,52.9283321 2.4133338,52.643335 2.32,52.31 L3.88,51.9 C3.946667,52.1333345 4.0833323,52.3383324 4.29,52.515 C4.4966677,52.6916676 4.7599984,52.78 5.08,52.78 C5.2000006,52.78 5.3216661,52.7633335 5.445,52.73 C5.568334,52.6966665 5.6783329,52.6450004 5.775,52.575 C5.8716672,52.5049997 5.9516664,52.4133339 6.015,52.3 C6.0783336,52.1866661 6.11,52.0466675 6.11,51.88 C6.11,51.6999991 6.0683337,51.5500006 5.985,51.43 C5.9016663,51.3099994 5.7916674,51.2150003 5.655,51.145 C5.5183326,51.0749996 5.3633342,51.0250002 5.19,50.995 C5.0166658,50.9649998 4.8433342,50.95 4.67,50.95 L4.22,50.95 L4.22,49.72 L4.71,49.72 C4.8700008,49.72 5.0233326,49.7083334 5.17,49.685 C5.3166674,49.6616666 5.4483327,49.6183337 5.565,49.555 C5.6816673,49.4916664 5.7749997,49.4066672 5.845,49.3 C5.9150004,49.1933328 5.95,49.0533342 5.95,48.88 C5.95,48.6266654 5.8600009,48.433334 5.68,48.3 C5.4999991,48.166666 5.2933345,48.1 5.06,48.1 C4.8199988,48.1 4.6116675,48.171666 4.435,48.315 C4.2583325,48.458334 4.1433336,48.6499988 4.09,48.89 L2.53,48.53 C2.6166671,48.2299985 2.7466658,47.9683344 2.92,47.745 C3.0933342,47.5216655 3.2983321,47.3350008 3.535,47.185 C3.7716679,47.0349992 4.0299986,46.921667 4.31,46.845 C4.5900014,46.768333 4.8766652,46.73 5.17,46.73 C5.4833349,46.73 5.7883318,46.7699996 6.085,46.85 C6.3816681,46.9300004 6.6466655,47.0533325 6.88,47.22 C7.1133345,47.3866675 7.301666,47.5949988 7.445,47.845 C7.5883341,48.0950012 7.66,48.3899983 7.66,48.73 C7.66,49.1233353 7.5483344,49.4549986 7.325,49.725 C7.1016656,49.9950013 6.8166684,50.1766662 6.47,50.27 L6.47,50.3 C6.670001,50.3466669 6.8533325,50.4216661 7.02,50.525 C7.1866675,50.6283338 7.3299994,50.7516659 7.45,50.895 C7.5700006,51.0383341 7.663333,51.1983325 7.73,51.375 C7.796667,51.5516675 7.83,51.739999 7.83,51.94 L7.83,51.94 L7.83,51.94 Z" id="3"></path>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

27
data/images/collection.svg
View File

@@ -1,16 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="74px" height="68px" 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">
<title>collection</title>
<svg width="62px" height="62px" viewBox="0 0 62 62" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="48.2475281%" cy="50%" fx="48.2475281%" fy="50%" r="81.9925606%" id="radialGradient-1">
<stop stop-color="rgb(83,102,136)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</radialGradient>
<path d="M18.0049167,0 L56.9950833,0 C58.6532394,0 60,1.34389141 60,3.00166547 L60,4.99833453 C60,6.66097987 58.654653,8 56.9950833,8 L18.0049167,8 C16.3467606,8 15,6.65610859 15,4.99833453 L15,3.00166547 C15,1.33902013 16.345347,0 18.0049167,0 Z M17.5049167,15 L56.4950833,15 C58.1532394,15 59.5,16.3438914 59.5,18.0016655 L59.5,19.9983345 C59.5,21.6609799 58.154653,23 56.4950833,23 L17.5049167,23 C15.8467606,23 14.5,21.6561086 14.5,19.9983345 L14.5,18.0016655 C14.5,16.3390201 15.845347,15 17.5049167,15 Z M18.0049167,30 L56.9950833,30 C58.6532394,30 60,31.3438914 60,33.0016655 L60,34.9983345 C60,36.6609799 58.654653,38 56.9950833,38 L18.0049167,38 C16.3467606,38 15,36.6561086 15,34.9983345 L15,33.0016655 C15,31.3390201 16.345347,30 18.0049167,30 Z M17.4772685,45 L56.4674351,45 C58.1255911,45 59.4723518,46.3438914 59.4723518,48.0016655 L59.4723518,49.9983345 C59.4723518,51.6609799 58.1270047,53 56.4674351,53 L17.4772685,53 C15.8191124,53 14.4723518,51.6561086 14.4723518,49.9983345 L14.4723518,48.0016655 C14.4723518,46.3390201 15.8176988,45 17.4772685,45 Z M8.05129913,60 L65.9487009,60 L65.9487009,34.999854 C65.9487009,33.3499755 67.2897874,32 68.9441015,32 L70.5322476,32 C72.1901307,32 73.5276482,33.3430804 73.5276482,34.999854 L73.5276482,64.5444498 C73.5276482,65.4958702 73.0816863,66.3475616 72.3868662,66.8981603 C71.8693265,67.3237633 71.2063342,67.5789474 70.4835672,67.5789474 L3.51643275,67.5789474 C2.87373094,67.5789474 2.27755463,67.3758914 1.78900862,67.0303375 C0.993762261,66.4910318 0.472351765,65.5788851 0.472351765,64.5444498 L0.472351765,34.999854 C0.472351765,33.3499755 1.81343833,32 3.46775245,32 L5.05589845,32 C6.71378156,32 8.05129913,33.3430804 8.05129913,34.999854 Z M8.05129913,60" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<use id="Rectangle 1" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Rectangle 1-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="collection" sketch:type="MSLayerGroup" transform="translate(1.000000, 2.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="collection">
<g id="Page-1">
<g id="Rectangle-1">
<path d="M9.8757799,3.17212967 C9.8757799,1.329734 10.9956894,-0.166666667 12.3771678,-0.166666667 L14.0410587,-0.166666667 C15.4265965,-0.166666667 16.5424466,1.32816333 16.5424466,3.17212967 L16.5424466,46.494537 C16.5424466,48.3369327 15.4225371,49.8333333 14.0410587,49.8333333 L12.3771678,49.8333333 C10.99163,49.8333333 9.8757799,48.3385033 9.8757799,46.494537 L9.8757799,3.17212967 L9.8757799,3.17212967 Z M20.9543379,46.494537 L20.9543379,3.17212967 C20.9543379,1.329734 22.0742474,-0.166666667 23.4557258,-0.166666667 L25.1196167,-0.166666667 C26.5051545,-0.166666667 27.6210046,1.32816333 27.6210046,3.17212967 L27.6210046,46.494537 C27.6210046,48.3369327 26.5010951,49.8333333 25.1196167,49.8333333 L23.4557258,49.8333333 C22.070188,49.8333333 20.9543379,48.3385033 20.9543379,46.494537 L20.9543379,46.494537 L20.9543379,46.494537 Z M31.6392694,46.494537 L31.6392694,3.17212967 C31.6392694,1.329734 32.7591789,-0.166666667 34.1406573,-0.166666667 L35.8045482,-0.166666667 C37.190086,-0.166666667 38.3059361,1.32816333 38.3059361,3.17212967 L38.3059361,46.494537 C38.3059361,48.3369327 37.1860266,49.8333333 35.8045482,49.8333333 L34.1406573,49.8333333 C32.7551195,49.8333333 31.6392694,48.3385033 31.6392694,46.494537 L31.6392694,46.494537 L31.6392694,46.494537 Z M39.7081618,44.8937192 L50.9208259,3.04748713 C51.397673,1.26786958 52.8667195,0.112311435 54.2011251,0.469864351 L55.8083203,0.900511001 C57.146647,1.25911457 57.837585,2.99181273 57.3603314,4.77294743 L46.1476673,46.6191795 C45.6708202,48.3987971 44.2017737,49.5543552 42.867368,49.1968023 L41.2601729,48.7661557 C39.9218461,48.4075521 39.2309082,46.6748539 39.7081618,44.8937192 L39.7081618,44.8937192 L39.7081618,44.8937192 Z M6.1564254,51.5 L53.743331,51.5 L53.743331,30.666545 C53.743331,29.2916463 54.8455939,28.1666667 56.2053041,28.1666667 L57.5106296,28.1666667 C58.8732733,28.1666667 59.9726027,29.2859003 59.9726027,30.666545 L59.9726027,55.2870415 C59.9726027,56.0798918 59.6060587,56.7896347 59.0349737,57.2484669 C58.6095986,57.6031361 58.0646734,57.8157895 57.4706184,57.8157895 L2.42913799,57.8157895 C1.90088992,57.8157895 1.410882,57.6465762 1.00933733,57.3586146 C0.35571019,56.9091932 -0.07284638,56.1490709 -0.07284638,55.2870415 L-0.07284638,30.666545 C-0.07284638,29.2916463 1.02941655,28.1666667 2.38912678,28.1666667 L3.69445226,28.1666667 C5.05709591,28.1666667 6.1564254,29.2859003 6.1564254,30.666545 L6.1564254,51.5 L6.1564254,51.5 Z" id="path-2"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

23
data/images/configure.svg
View File

@@ -1,14 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="50px" height="50px" 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">
<title>configure</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(123,125,121)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M36.3619998,10.8302365 C36.3619998,6.92523648 34.4219998,3.29423668 31.1729997,1.11623671 C30.9599997,0.975236705 30.6889997,0.961236706 30.4639997,1.08123671 C30.2379997,1.2012367 30.0989997,1.43523671 30.0979997,1.68923669 L30.0979997,2.64323668 L30.0979997,6.93323665 L30.0979997,8.64823668 L27.4719998,12.6482367 L21.89,12.6482367 L19.2640001,8.64823668 L19.2640001,1.68923657 C19.2640001,1.43523656 19.1240001,1.20123656 18.899,1.08123659 C18.675,0.96123659 18.4030001,0.976236591 18.1900001,1.11623659 C14.9390001,3.29423656 13,6.9252366 13,10.8302363 C13,15.5302361 17.7350001,19.1702365 19.6830001,20.4672364 L18.108,43.3472356 C18.108,46.9722356 21.0569999,49.9212355 24.6819999,49.9212355 C28.3069999,49.9212355 31.2559998,46.9722356 31.2549999,43.2992352 L29.6799998,20.4672345 C31.6269992,19.1703243 36.3619998,15.5294552 36.3619998,10.8302365 C36.3619998,10.8302365 36.3619998,15.5294552 36.3619998,10.8302365 L36.3619998,10.8302365 M26.2910007,43.3473263 C26.2900007,44.2373263 25.5690007,44.9543263 24.6810006,44.9543263 C23.7920007,44.9533263 23.0740007,44.2343263 23.0720007,43.3473263 C23.0720007,42.4573263 23.7920007,41.7383263 24.6810006,41.7363264 C25.5690005,41.7384396 26.2899936,42.4574337 26.2910007,43.3473263 C26.2920001,43.3473263 26.2899936,43.3473263 26.2910007,43.3473263 C26.2910007,43.3473263 26.2899936,43.3473263 26.2910007,43.3473263 L26.2910007,43.3473263" id="Shape" fill="url(#linearGradient-1)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="configure" sketch:type="MSLayerGroup" transform="translate(-9.000000, 2.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="configure" transform="translate(36.683514, 29.785804) rotate(45.000000) translate(-36.683514, -29.785804) translate(19.901908, -4.934758)">
<g id="Page-1" transform="translate(-0.000000, 0.000000)">
<path d="M34.0914661,13.9310752 C34.0914661,8.39704265 31.2604823,3.25131382 26.5193138,0.164726693 C26.2084893,-0.0350936954 25.8130271,-0.0549340156 25.4846913,0.115125889 C25.1548963,0.285185774 24.9520578,0.616802592 24.9505985,0.976762683 L24.9505985,2.32873887 L24.9505985,8.40838022 L24.9505985,10.8388197 L21.1185556,16.507483 L12.9729106,16.507483 L9.1408676,10.8388197 L9.1408676,0.976762513 C9.1408676,0.616802379 8.9365698,0.285185576 8.6082339,0.115125719 C8.28135741,-0.05493418 7.88443611,-0.0336766912 7.57361159,0.164726523 C2.82952473,3.25131365 0,8.39704282 0,13.931075 C0,20.5917541 6.90964373,25.7502382 9.75230175,27.5883022 L7.45395131,60.0130551 C7.45395131,65.1502813 11.7573385,69.3295031 17.0471923,69.3295031 C22.3370462,69.3295031 26.6404333,65.1502813 26.6389742,59.9450306 L24.3406238,27.5882995 C27.1818217,25.7503627 34.0914661,20.5906474 34.0914661,13.9310752 C34.0914661,13.9310752 34.0914661,20.5906474 34.0914661,13.9310752 L34.0914661,13.9310752 M19.395159,60.0131837 C19.3936997,61.2744613 18.341566,62.2905692 17.0457341,62.2905692 C15.7484432,62.289152 14.7006873,61.2702098 14.6977687,60.0131837 C14.6977687,58.7519061 15.7484432,57.7329639 17.0457341,57.7301297 C18.3415657,57.7331244 19.3936893,58.7520583 19.395159,60.0131837 C19.3966174,60.0131837 19.3936893,60.0131837 19.395159,60.0131837 C19.395159,60.0131837 19.3936893,60.0131837 19.395159,60.0131837 L19.395159,60.0131837" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

36
data/images/dashboard.svg
View File

@@ -1,21 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="54px" height="54px" 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">
<title>dashboard</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="244.726896%" id="radialGradient-1">
<stop stop-color="rgb(254,255,254)" offset="0%"></stop>
<stop stop-color="rgb(250,250,250)" offset="0%"></stop>
<stop stop-color="rgb(129,129,129)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</radialGradient>
<path d="M2.91098976,28.1920242 C2.91098976,33.9540243 4.93898988,39.5620241 8.62398958,43.9850245 C8.94898957,44.3770244 9.4329896,44.6020244 9.94198954,44.6020244 L45.2639881,44.6020244 C45.7739881,44.6020244 46.2559881,44.3760244 46.5819881,43.9850245 C50.2659881,39.5620246 52.2949879,33.9540243 52.2949879,28.1920242 C52.2949829,14.5769043 41.21698,3.49902344 27.6019897,3.49902344 C13.98699,3.49902344 2.91098976,14.5770235 2.91098976,28.1920242 Z M2.91098976,28.1920242" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" fill="rgb(0,0,0)">
<use id="Shape" stroke="rgb(254,255,254)" stroke-width="2" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<path d="M36.9169866,21.8380293 C37.2319866,21.5710293 37.6349866,21.4050293 38.0799866,21.4050293 C39.0820007,21.4050293 39.894989,22.2180176 39.8939861,23.2200301 C39.8939861,23.64403 39.7429861,24.02903 39.5019861,24.34103 L30.317986,35.4180297 C30.198986,35.6020297 30.068986,35.7730297 29.890986,35.9600297 C29.3089861,36.5490297 28.4989861,36.9170297 27.6039861,36.9170297 C25.8249862,36.9170297 24.3829861,35.4740298 24.3829861,33.6960298 C24.3829861,32.5890296 24.9419862,31.6120296 25.7929861,31.0330297 Z M11.3519897,27.4318848 C11.9200134,27.4318848 12.381012,27.8920898 12.3809898,28.4608848 C12.3809898,29.0288849 11.9199898,29.4898849 11.3519897,29.4898849 L9.5729897,29.4898849 C9.00498965,29.4898849 8.54398966,29.0288848 8.54398966,28.4608848 C8.54398966,27.8918848 9.00498968,27.4318848 9.5729897,27.4318848 Z M15.1270142,14.9970703 L16.4680141,16.3370703 C16.8700141,16.7380704 16.8700141,17.3910703 16.4680141,17.7930703 C16.2660141,17.9940703 16.0030141,18.0950703 15.7400141,18.0950703 C15.4770141,18.0950703 15.2120141,17.9940703 15.0110141,17.7930703 L13.6720141,16.4540703 C13.2700141,16.0520703 13.270014,15.3990703 13.6720141,14.9970703 C14.0740142,14.5950703 14.7250142,14.5970703 15.1270142,14.9970703 Z M27.8250122,12.7929688 C27.256012,12.7929688 26.79599,12.3320312 26.7960122,11.7629688 L26.7960122,10.0609688 C26.7960122,9.49196878 27.2560122,9.03096879 27.8250122,9.03096879 C28.3940122,9.03096879 28.8550122,9.49196875 28.8550122,10.0609688 L28.8550122,11.7629688 C28.8550122,12.3319688 28.3940122,12.7929688 27.8250122,12.7929688 Z M40.3519897,15.0209961 C40.7550049,14.6169434 41.4079897,14.618996 41.8099897,15.019996 C42.2119897,15.4209961 42.2119897,16.073996 41.8099897,16.475996 L40.4939897,17.792996 C40.2919898,17.993996 40.0289898,18.094996 39.7649898,18.094996 C39.5019897,18.094996 39.2389898,17.9939961 39.0379898,17.792996 C38.6349898,17.3909961 38.6349898,16.7389961 39.0359898,16.3369961 Z M45.5960083,27.4331055 C46.1640015,27.4331055 46.625,27.894043 46.6250083,28.4621055 C46.6250083,29.0311055 46.1640083,29.4911056 45.5960083,29.4911056 L43.7420083,29.4911056 C43.1740083,29.4911056 42.7130083,29.0311055 42.7130083,28.4621055 C42.7130083,27.8941055 43.1740083,27.4331055 43.7420083,27.4331055 Z M45.5960083,27.4331055" id="Shape" fill="rgb(254,255,254)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="dashboard" sketch:type="MSLayerGroup" transform="translate(0.000000, 4.000000)">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="dashboard">
<g id="Page-1">
<g id="Group">
<g id="Shape" stroke="#FEFFFE" stroke-width="2" fill="#000000">
<path d="M-0.108992131,30.3364203 C-0.108992131,37.5037863 2.37427332,44.479591 6.88651785,49.9813719 C7.28447702,50.4689816 7.87713012,50.7488596 8.50039536,50.7488596 L51.7518222,50.7488596 C52.376312,50.7488596 52.966516,50.4677377 53.3656997,49.9813719 C57.8767201,44.4795916 60.3612097,37.5037863 60.3612097,30.3364203 C60.3612036,13.4005395 46.796302,-0.379263526 30.1248853,-0.379263526 C13.4534571,-0.379263526 -0.108992131,13.4006878 -0.108992131,30.3364203 L-0.108992131,30.3364203 L-0.108992131,30.3364203 Z" id="path-2"></path>
</g>
<g id="Shape-1">
<path d="M-0.108992131,30.3364203 C-0.108992131,37.5037863 2.37427332,44.479591 6.88651785,49.9813719 C7.28447702,50.4689816 7.87713012,50.7488596 8.50039536,50.7488596 L51.7518222,50.7488596 C52.376312,50.7488596 52.966516,50.4677377 53.3656997,49.9813719 C57.8767201,44.4795916 60.3612097,37.5037863 60.3612097,30.3364203 C60.3612036,13.4005395 46.796302,-0.379263526 30.1248853,-0.379263526 C13.4534571,-0.379263526 -0.108992131,13.4006878 -0.108992131,30.3364203 L-0.108992131,30.3364203 L-0.108992131,30.3364203 Z" id="path-2"></path>
</g>
<path d="M41.531004,22.4326706 C41.9167183,22.1005486 42.4101877,21.8940608 42.9550856,21.8940608 C44.1820417,21.8940608 45.1775376,22.905339 45.1763095,24.1517448 C45.1763095,24.6791593 44.9914116,25.1580617 44.6963095,25.5461593 L33.4505951,39.3248662 C33.3048808,39.5537443 33.1456971,39.7664516 32.927738,39.9990613 C32.215085,40.7317199 31.2232483,41.189476 30.1273299,41.189476 C27.9489627,41.189476 26.1832483,39.3945249 26.1832483,37.1828663 C26.1832483,35.8058661 26.8677382,34.5905734 27.9097789,33.870354 L41.531004,22.4326706 L41.531004,22.4326706 Z M10.2269262,29.3908811 C10.9224654,29.3908811 11.4869535,29.9633312 11.4869263,30.6708567 C11.4869263,31.3773934 10.9224365,31.9508324 10.2269262,31.9508324 L8.04855882,31.9508324 C7.35304855,31.9508324 6.78855877,31.3773933 6.78855877,30.6708567 C6.78855877,29.9630762 7.35304859,29.3908811 8.04855882,29.3908811 L10.2269262,29.3908811 L10.2269262,29.3908811 Z M14.8494051,13.923185 L16.4914458,15.5900143 C16.9836907,16.0888193 16.9836907,16.9010874 16.4914458,17.4011362 C16.2440989,17.6511606 15.9220581,17.7767948 15.6000173,17.7767948 C15.2779764,17.7767948 14.9534867,17.6511606 14.7073642,17.4011362 L13.0677724,15.7355509 C12.5755275,15.2355021 12.5755273,14.4232338 13.0677724,13.923185 C13.5600174,13.4231362 14.3571602,13.425624 14.8494051,13.923185 L14.8494051,13.923185 L14.8494051,13.923185 Z M30.3979741,11.1814978 C29.7012392,11.1814978 29.1379469,10.6081364 29.1379741,9.9002783 L29.1379741,7.78315631 C29.1379741,7.0753758 29.7012394,6.50193679 30.3979741,6.50193679 C31.0947088,6.50193679 31.6591986,7.07537576 31.6591986,7.78315631 L31.6591986,9.9002783 C31.6591986,10.6080588 31.0947088,11.1814978 30.3979741,11.1814978 L30.3979741,11.1814978 L30.3979741,11.1814978 Z M45.7371302,13.9529464 C46.2306182,13.4503442 47.0301915,13.4528975 47.5224364,13.9517023 C48.0146813,14.4505073 48.0146813,15.2627755 47.5224364,15.7628243 L45.9110078,17.4010438 C45.663661,17.6510682 45.3416202,17.7767023 45.0183549,17.7767023 C44.6963139,17.7767023 44.3742732,17.6510683 44.1281508,17.4010438 C43.6346814,16.9009951 43.6346814,16.0899708 44.1257018,15.589922 L45.7371302,13.9529464 L45.7371302,13.9529464 Z M52.1583775,29.3923995 C52.8538794,29.3923995 53.4183673,29.9657608 53.4183775,30.6723751 C53.4183775,31.3801556 52.8538877,31.9523509 52.1583775,31.9523509 L49.8881734,31.9523509 C49.1926632,31.9523509 48.6281734,31.3801556 48.6281734,30.6723751 C48.6281734,29.9658385 49.1926632,29.3923995 49.8881734,29.3923995 L52.1583775,29.3923995 L52.1583775,29.3923995 Z" id="Shape" fill="#FEFFFE"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

18
data/images/inbox.svg
View File

@@ -1,14 +1,16 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" 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">
<title>inbox</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M4,50 L4,91 L97,91 L97,50 L4,50 Z M25.7265625,19 L4,50 L97,50 L75.3945312,19 L25.7265625,19 Z M25.7265625,19" id="Rectangle 8" fill="#FFFFFF"></path>
<g id="Group" transform="translate(1.000000, 3.000000)">
<path id="Shape" fill="#9B9B9B" d="M97.3548503,45.9181572 L75.6276213,17.2579381 C75.0275732,16.4663384 74.0902433,16 73.0940852,16 L57.5359773,16 L57.5359773,22.3523915 L71.5135665,22.3523915 L91.6426285,48.9023312 L91.6426285,87.6436897 L6.3554106,87.6436897 L6.3554106,48.9023312 L26.4844725,22.3523915 L41.0072035,22.3523915 L41.0072035,16 L24.901993,16 C23.9058348,16 22.9704658,16.464379 22.3684569,17.2579381 L0.643188731,45.9181572 C0.225508244,46.4667906 0,47.1427854 0,47.8344554 L0,90.8198855 C0,92.5755125 1.42364335,94 3.17868577,94 L94.8213142,94 C96.5783176,94 98,92.5735531 98,90.8198855 L98,47.8344554 C98,47.1427854 97.7744918,46.46875 97.3548503,45.9181572 L97.3548503,45.9181572 Z M97.3548503,45.9181572"></path>
<path id="Shape" fill="#9B9B9B" d="M62.1778225,50.999412 L62.1778225,61.1512722 L35.8199786,61.1512722 L35.8199786,50.999412 C35.8199786,49.9353752 34.9614682,49.0770259 33.9060517,49.0770259 L17.7243125,49.0770259 L30.466103,31.8467501 L30.9150488,31.8467501 C30.5862157,30.5750481 30.6964831,29.2262134 31.2616035,28 L29.5052015,28 C28.8967618,28 28.3277033,28.2867757 27.9673653,28.7752833 L12.3783132,49.8542869 C11.9451199,50.4397049 11.8801409,51.216966 12.2030668,51.8656724 C12.5279618,52.5163566 13.1915352,52.9257537 13.9161495,52.9257537 L31.9901559,52.9257537 L31.9901559,63.0776139 C31.9901559,64.1396729 32.8486663,65 33.9080208,65 L64.0917493,65 C65.1530729,65 66.0076452,64.1396729 66.0076452,63.0776139 L66.0076452,52.9257537 L84.0836207,52.9257537 C84.810204,52.9257537 85.4718083,52.5163566 85.7967033,51.8656724 C86.1215983,51.2189438 86.0526812,50.4397049 85.6214569,49.8542869 L70.0304358,28.7752833 C69.6700977,28.2867757 69.0990702,28 68.4925996,28 L67.2895036,28 C67.8703764,29.2598354 67.9688295,30.6541586 67.6084914,31.9495938 L80.2774267,49.0770259 L64.0937184,49.0770259 C63.0323948,49.0790036 62.1778225,49.9353752 62.1778225,50.999412 L62.1778225,50.999412 Z M62.1778225,50.999412"></path>
<path id="Shape" fill="#67ABFE" d="M34.2040126,28.7107082 C33.8839325,29.3487239 33.9440687,30.1159085 34.3592029,30.6952111 L34.5784093,31.0044334 L46.9722983,48.2152015 C47.3292361,48.7103487 47.893741,49 48.4989833,49 C49.1042257,49 49.6706704,48.7103487 50.0256683,48.2152015 L62.4195574,31.0044334 L62.6387637,30.6952111 C63.0577777,30.1159085 63.115974,29.3487239 62.7939541,28.7107082 C62.473874,28.0746495 61.8240144,27.6734433 61.1120787,27.6734433 L52.9025094,27.6734433 L52.9025094,27.1978672 L52.9025094,22.0839557 L52.9025094,15.7390262 L52.9025094,4.44262492 C52.9025094,1.99233135 50.931592,0 48.4989833,0 C46.0663746,0 44.0954572,1.99233135 44.0954572,4.44262492 L44.0954572,15.7390262 L44.0954572,22.0839557 L44.0954572,27.1978672 L44.0954572,27.6734433 L35.8839481,27.6734433 C35.1758921,27.6734433 34.5279724,28.0746495 34.2040126,28.7107082 L34.2040126,28.7107082 Z M34.2040126,28.7107082"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="inbox" sketch:type="MSLayerGroup" transform="translate(1.000000, 3.000000)">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="Group">
<path d="M55.8458826,45.5395786 L37.6141182,45.5395786 L57.0576482,25.7778397 C58.2917658,24.5236005 58.2917658,22.4826222 57.0576482,21.2271875 L37.091765,0.936970923 C35.8576473,-0.318463802 33.849412,-0.317268237 32.6152943,0.936970923 L1.37294169,32.6863198 C0.14000054,33.9417545 0.138824014,35.9827328 1.37294169,37.2369719 L9.54235318,45.5395804 L1.85411807,45.5395804 C0.558824006,45.5395804 -0.489411326,46.6061021 -0.489411326,47.9213195 L-0.489411326,50.4800152 C-0.489411326,51.7964282 0.560000462,52.8617544 1.85411807,52.8617544 L55.8447043,52.8617544 C57.138822,52.8617544 58.1882337,51.7952326 58.1882337,50.4800152 L58.1882337,47.9213195 C58.190602,46.6048942 57.1400075,45.5395786 55.8458826,45.5395786 L55.8458826,45.5395786" id="Shape" fill="#000000"></path>
<path d="M34.9741211,6.3437301 C34.1505917,6.24449097 33.3835329,6.83753443 33.2800034,7.68166483 L30.4129445,30.8175349 L7.9223556,33.3953608 C7.08941441,33.491013 6.49059088,34.2538391 6.58470858,35.1003608 C6.6717674,35.8882956 7.32941448,36.4705782 8.0905909,36.4705782 C8.14706149,36.4705782 8.20470855,36.4681869 8.2623556,36.461013 L31.940002,33.7468826 C32.6376491,33.6679696 33.1894138,33.113187 33.2764726,32.4077522 L36.2905903,8.06786045 C36.3953068,7.22127632 35.8058867,6.44888969 34.9741211,6.3437301 C34.9741211,6.3437301 35.8058867,6.44888969 34.9741211,6.3437301 L34.9741211,6.3437301" id="Shape" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

78
data/images/list-remove.svg
View File

@@ -1,10 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="51px" height="51px" viewBox="0 0 51 51" 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">
<title>list-remove</title>
<svg width="57px" height="57px" viewBox="0 0 57 57" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M25.5,51 C39.5832618,51 51,39.5832618 51,25.5 C51,11.4167382 39.5832618,0 25.5,0 C11.4167382,0 0,11.4167382 0,25.5 C0,39.5832618 11.4167382,51 25.5,51 Z M25.5,51" id="Oval 1" fill="rgb(80,81,80)"></path>
<path d="M37.6410007,23 L13.5,23 C12.672,23 12,23.672 12,24.5 L12,27.3069999 C12,28.1349999 12.672,28.8069999 13.5,28.8069999 L37.6410007,28.8069999 C38.4690008,28.8069999 39.1410007,28.1349999 39.1410007,27.3069999 L39.1410007,24.5 C39.1410007,23.6719971 38.4690037,23 37.6410007,23 L37.6410007,23 L37.6410007,23" id="Shape" fill="rgb(254,255,254)"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="list-remove" sketch:type="MSLayerGroup">
<g id="Page-1">
<g id="icon_Cross">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29"></g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44" fill="#000000" sketch:type="MSShapeGroup">
<path d="M56.6666667,9.33333333 L47.3333333,0 L28,18.6666667 L9.33333333,0 L0,9.33333333 L18.6666667,28 L0,47.3333333 L9.33333333,56.6666667 L28,38 L47.3333333,56.6666667 L56.6666667,47.3333333 L38,28 L56.6666667,9.33333333 L56.6666667,9.33333333 Z" id="Shape"></path>
</g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
<g id="Layer_48"></g>
<g id="Layer_49"></g>
<g id="Layer_51"></g>
<g id="Layer_52"></g>
<g id="Layer_53"></g>
<g id="Layer_54"></g>
<g id="Layer_55"></g>
<g id="Layer_56"></g>
<g id="Layer_57"></g>
<g id="Layer_58"></g>
<g id="Layer_59"></g>
<g id="Layer_60"></g>
<g id="Layer_61"></g>
<g id="Layer_62"></g>
<g id="Layer_63"></g>
<g id="Layer_64"></g>
<g id="Layer_65"></g>
<g id="Layer_66"></g>
<g id="Layer_50"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

153
data/images/love.svg
View File

@@ -1,94 +1,59 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px"
height="12px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve">
<g id="Layer_2">
</g>
<g id="Layer_3">
</g>
<g id="Layer_4">
</g>
<g id="Layer_5">
</g>
<g id="Layer_6">
</g>
<g id="Layer_8">
</g>
<g id="Layer_9">
</g>
<g id="Layer_10">
</g>
<g id="Layer_11">
</g>
<g id="Layer_12">
</g>
<g id="Layer_13">
</g>
<g id="Layer_14">
</g>
<g id="Layer_15">
</g>
<g id="Layer_16">
</g>
<g id="Layer_17">
</g>
<g id="Layer_18">
</g>
<g id="Layer_19">
</g>
<g id="Layer_20">
</g>
<g id="Layer_21">
</g>
<g id="Layer_24">
</g>
<g id="Layer_25">
</g>
<g id="Layer_26">
</g>
<g id="Layer_27">
</g>
<g id="Layer_28">
</g>
<g id="Layer_29">
<path d="M11.3,5.8C11.6,5.5,12,4.7,12,4.2V3.7c0-0.5-0.3-1.3-0.7-1.7l-0.3-0.3C10.5,1.3,9.8,1,9.2,1H8.7C8.2,1,7.4,1.3,7,1.7l-1,1
l-1-1C4.6,1.3,3.8,1,3.3,1H2.8C2.2,1,1.5,1.3,1.1,1.7L0.7,2C0.4,2.4,0,3.2,0,3.7v0.4c0,0.5,0.3,1.3,0.7,1.7L6,11L11.3,5.8z"/>
</g>
<g id="Layer_47">
</g>
<g id="Layer_30">
</g>
<g id="Layer_31">
</g>
<g id="Layer_32">
</g>
<g id="Layer_33">
</g>
<g id="Layer_34">
</g>
<g id="Layer_35">
</g>
<g id="Layer_36">
</g>
<g id="Layer_37">
</g>
<g id="Layer_38">
</g>
<g id="Layer_39">
</g>
<g id="Layer_40">
</g>
<g id="Layer_41">
</g>
<g id="Layer_42">
</g>
<g id="Layer_43">
</g>
<g id="Layer_44">
</g>
<g id="Layer_45">
</g>
<g id="Layer_46">
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="love" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)">
<g id="Page-1">
<g id="loved">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29" transform="translate(0.000000, 5.000000)" fill="#000000" sketch:type="MSShapeGroup">
<path d="M56.5,24 C58,22.5 60,18.5 60,16 L60,13.5 C60,11 58.5,7 56.5,5 L55,3.5 C52.5,1.5 49,0 46,0 L43.5,0 C41,0 37,1.5 35,3.5 L30,8.5 L25,3.5 C23,1.5 19,0 16.5,0 L14,0 C11,0 7.5,1.5 5.5,3.5 L3.5,5 C2,7 0,11 0,13.5 L0,15.5 C0,18 1.5,22 3.5,24 L30,50 L56.5,24 L56.5,24 Z" id="Shape"></path>
</g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

68
data/images/loved.svg
View File

@@ -1,19 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" 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">
<title>loved</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="39.1449653%" fx="50%" fy="39.1449653%" r="60.855037%" id="radialGradient-1">
<stop stop-color="rgb(150,44,38)" offset="0%"></stop>
<stop stop-color="rgb(233,105,103)" offset="100%"></stop>
</radialGradient>
<path d="M49.8461466,11.6988137 C45.9935584,11.6988137 42.2962641,14.1593175 39.7028527,18.4487285 C38.6339116,20.2146198 36.8234411,21.2687121 34.8628527,21.2687121 C32.8983821,21.2687121 31.0892058,20.2131875 30.0228527,18.4458641 C27.4320291,14.1650458 23.7437936,11.7074067 19.9028525,11.7074067 C15.024029,11.7074067 10.083088,15.6960581 10.083088,23.3210419 C10.083088,32.6102313 19.1069704,40.4715268 25.6953235,46.2088824 C28.7895588,48.9099942 31.0309707,50.794757 32.5127354,52.0421953 C33.3797942,52.7740447 34.1355589,53.4113696 34.8201472,54 C36.1802648,52.8012563 37.853559,51.3991416 40.1907355,49.4370401 L44.088618,46.1601875 C51.6152062,39.8299042 59.6452061,32.3094713 59.6452061,23.186415 C59.6451543,15.6459049 54.715912,11.6988137 49.8461466,11.6988137 L49.8461466,11.6988137 L49.8461466,11.6988137" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" fill="rgb(0,0,0)">
<use id="Shape" stroke="rgb(254,255,254)" stroke-width="1" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<path d="M49.8474408,4.07208552 C44.1455583,4.07208552 38.8448528,7.01523763 34.8641466,12.3730632 C30.8886172,7.01953423 25.5982645,4.08067873 19.9028527,4.08067873 C11.4729704,4.08067873 2.51250009,11.0869562 2.51250009,24.072629 C2.51250009,37.4306718 13.216147,46.7542339 21.0326176,53.561437 C23.9922646,56.1451091 26.1637939,57.9754489 27.9302645,59.4649276 C30.720382,61.818017 32.1206174,62.9981422 33.6321471,64.6594836 C33.9582647,65.0232601 34.3982647,65.2237668 34.8628529,65.2237668 C35.3274411,65.2237668 35.7648529,65.0246923 36.096147,64.6609158 C38.0929705,62.4639351 39.9047354,60.9415166 44.762853,56.8669338 L48.6710882,53.5829204 C55.1520293,48.1320024 67.215794,37.9849312 67.215794,23.9408675 C67.2170841,11.0339103 58.2669462,4.07208552 49.8474408,4.07208552 L49.8474408,4.07208552 L49.8474408,4.07208552 M46.5538545,50.5065701 L42.653384,53.7848548 C38.5937369,57.1891724 36.6202073,58.8447848 34.8563251,60.62643 C33.5699721,59.3546446 32.1360898,58.1473079 30.0460898,56.3857132 C28.354678,54.9621156 26.1792664,53.1289116 23.1756192,50.5065701 C15.9285605,44.1963375 6.00526669,35.5530664 6.00526669,24.0726242 C6.00526669,13.5990129 13.1656196,7.94615595 19.9015019,7.94615595 C25.1258551,7.94615595 30.0499725,11.1342127 33.4107962,16.6882485 C34.0306785,17.7151293 35.696208,17.7151293 36.3147961,16.6882485 C39.6795019,11.1270519 44.61009,7.93756275 49.844796,7.93756275 C56.5703255,7.93756275 63.721619,13.5460216 63.721619,23.9394306 C63.7229507,35.1276526 54.8621467,43.5203569 46.5538545,50.5065701 C46.5538545,50.5065701 54.8621467,43.5203569 46.5538545,50.5065701 L46.5538545,50.5065701" id="Shape" fill="rgb(79,79,79)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="loved" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)">
<g id="Page-1">
<g id="loved">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29" transform="translate(0.000000, 5.000000)" fill="#000000" sketch:type="MSShapeGroup">
<path d="M56.5,24 C58,22.5 60,18.5 60,16 L60,13.5 C60,11 58.5,7 56.5,5 L55,3.5 C52.5,1.5 49,0 46,0 L43.5,0 C41,0 37,1.5 35,3.5 L30,8.5 L25,3.5 C23,1.5 19,0 16.5,0 L14,0 C11,0 7.5,1.5 5.5,3.5 L3.5,5 C2,7 0,11 0,13.5 L0,15.5 C0,18 1.5,22 3.5,24 L30,50 L56.5,24 L56.5,24 Z" id="Shape"></path>
</g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

86
data/images/loved_playlist.svg
View File

@@ -1,18 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="100px" 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">
<title>loved_playlist</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="39.1449653%" fx="50%" fy="39.1449653%" r="60.855037%" id="radialGradient-1">
<stop stop-color="rgb(150,44,38)" offset="0%"></stop>
<stop stop-color="rgb(233,105,103)" offset="100%"></stop>
</radialGradient>
<path d="M50.0021389,17.2169656 C44.4723594,9.33790827 37.111921,5.01264705 29.1916638,5.01264705 C17.4642834,5.01264705 5.00247921,15.3241374 5.00247921,34.4358042 C5.00247921,54.0955064 19.8907622,67.8174611 30.763115,77.8359636 C34.8798485,81.6384837 37.9003465,84.3322867 40.3556263,86.5244272 C44.2383525,89.9875871 46.1860157,91.7244366 48.286684,94.1695162 C48.7420987,94.7049042 49.3523186,95 50.0003396,95 C50.6465606,95 51.2549804,94.707012 51.7139953,94.171624 C54.4914854,90.9382172 57.0133673,88.6975973 63.7707865,82.7008293 L69.205163,77.8675819 C78.2198554,69.8451921 95,54.9112378 95,34.2418842 C95.0017265,15.2461957 82.5543621,5 70.8432154,5 C62.9121578,5 55.5373182,9.33158474 50.0021389,17.2169656 Z M50.0021389,17.2169656" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group">
<use id="Shape" stroke="rgb(254,255,254)" stroke-width="1" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="loved_playlist" sketch:type="MSLayerGroup" transform="translate(-1.000000, 4.000000)">
<g id="Page-1">
<g id="Icon_Love">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29" transform="translate(1.000000, 2.000000)" fill="#000000" sketch:type="MSShapeGroup">
<path d="M56.5,24 C58,22.5 60,18.5 60,16 L60,13.5 C60,11 58.5,7 56.5,5 L55,3.5 C52.5,1.5 49,0 46,0 L43.5,0 C41,0 37,1.5 35,3.5 L30,8.5 L25,3.5 C23,1.5 19,0 16.5,0 L14,0 C11,0 7.5,1.5 5.5,3.5 L3.5,5 C2,7 0,11 0,13.5 L0,15.5 C0,18 1.5,22 3.5,24 L30,50 L56.5,24 L56.5,24 Z" id="Shape"></path>
</g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
<g id="Layer_48"></g>
<g id="Layer_49"></g>
<g id="Layer_51"></g>
<g id="Layer_52"></g>
<g id="Layer_53"></g>
<g id="Layer_54"></g>
<g id="Layer_55"></g>
<g id="Layer_56"></g>
<g id="Layer_57"></g>
<g id="Layer_58"></g>
<g id="Layer_59"></g>
<g id="Layer_60"></g>
<g id="Layer_61"></g>
<g id="Layer_62"></g>
<g id="Layer_63"></g>
<g id="Layer_64"></g>
<g id="Layer_65"></g>
<g id="Layer_66"></g>
<g id="Layer_50"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

20
data/images/music-settings.svg
View File

@@ -1,11 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="50px" height="50px" 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">
<title>music-settings</title>
<svg width="61px" height="61px" viewBox="0 0 61 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M41.2520142,-0.0439453125 L10.4410133,-0.0439453125 C9.49401331,-0.0439453125 8.72501338,0.724054694 8.72501338,1.67105472 L8.72501338,47.3360556 C8.72501338,48.2830557 9.49401337,49.0520556 10.4410133,49.0520556 L41.2520142,49.0520556 C42.1990142,49.0520556 42.9680141,48.2830556 42.9680141,47.3360556 L42.9680141,1.67105472 C42.9680176,0.724121094 42.1989746,-0.0439453125 41.2520142,-0.0439453125 L41.2520142,-0.0439453125 L41.2520142,-0.0439453125" id="Shape" fill="rgb(69,73,82)"></path>
<path d="M25.8469849,17.5209961 C28.667985,17.5209961 30.9529848,15.232996 30.9529848,12.4149961 C30.9529848,9.59299612 28.6679847,7.30699635 25.8469849,7.30699635 C23.025985,7.30699635 20.7389851,9.59299636 20.7389851,12.4149961 C20.7379761,15.2329102 23.0250244,17.5209961 25.8469849,17.5209961 C25.8469849,17.5209961 23.0250244,17.5209961 25.8469849,17.5209961 L25.8469849,17.5209961 M25.8460083,10.8168945 C26.7290083,10.8168945 27.4440084,11.5318945 27.4440084,12.4148946 C27.4440084,13.2978947 26.7290084,14.0128946 25.8460083,14.0128946 C24.9650083,14.0128946 24.2480083,13.2978947 24.2480083,12.4148946 C24.2480083,11.5318945 24.9650269,10.8168945 25.8460083,10.8168945 C25.8460083,10.8168945 24.9650269,10.8168945 25.8460083,10.8168945 L25.8460083,10.8168945" id="Shape" fill-opacity="0.448098575" fill="rgb(254,255,254)"></path>
<path d="M25.8464845,42.4350586 C20.2034791,42.4350586 15.6304811,37.8601074 15.6304849,32.2200584 C15.6304849,26.5770583 20.2034844,22.0030584 25.8464845,22.0030584 C31.4884847,22.0030584 36.0614846,26.5770583 36.0614846,32.2200584 C36.0614846,37.8610587 31.4884847,42.4350586 25.8464845,42.4350586 Z M25.8455079,28.7019043 C23.9055055,28.7019043 22.331508,30.2779043 22.331508,32.2189043 C22.331508,34.1599042 23.9065079,35.7349043 25.8455079,35.7349043 C27.788508,35.7349043 29.361508,34.1599042 29.361508,32.2189043 C29.361508,30.2779043 27.787508,28.7019043 25.8455079,28.7019043 Z M25.8455079,28.7019043" id="Shape" fill-opacity="0.408835018" fill="rgb(254,255,254)"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="music-settings" sketch:type="MSLayerGroup" transform="translate(1.000000, 2.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="collection">
<g id="Page-1">
<g id="Rectangle-1">
<path d="M9.8757799,3.17212967 C9.8757799,1.329734 10.9956894,-0.166666667 12.3771678,-0.166666667 L14.0410587,-0.166666667 C15.4265965,-0.166666667 16.5424466,1.32816333 16.5424466,3.17212967 L16.5424466,46.494537 C16.5424466,48.3369327 15.4225371,49.8333333 14.0410587,49.8333333 L12.3771678,49.8333333 C10.99163,49.8333333 9.8757799,48.3385033 9.8757799,46.494537 L9.8757799,3.17212967 L9.8757799,3.17212967 Z M20.9543379,46.494537 L20.9543379,3.17212967 C20.9543379,1.329734 22.0742474,-0.166666667 23.4557258,-0.166666667 L25.1196167,-0.166666667 C26.5051545,-0.166666667 27.6210046,1.32816333 27.6210046,3.17212967 L27.6210046,46.494537 C27.6210046,48.3369327 26.5010951,49.8333333 25.1196167,49.8333333 L23.4557258,49.8333333 C22.070188,49.8333333 20.9543379,48.3385033 20.9543379,46.494537 L20.9543379,46.494537 L20.9543379,46.494537 Z M31.6392694,46.494537 L31.6392694,3.17212967 C31.6392694,1.329734 32.7591789,-0.166666667 34.1406573,-0.166666667 L35.8045482,-0.166666667 C37.190086,-0.166666667 38.3059361,1.32816333 38.3059361,3.17212967 L38.3059361,46.494537 C38.3059361,48.3369327 37.1860266,49.8333333 35.8045482,49.8333333 L34.1406573,49.8333333 C32.7551195,49.8333333 31.6392694,48.3385033 31.6392694,46.494537 L31.6392694,46.494537 L31.6392694,46.494537 Z M39.7081618,44.8937192 L50.9208259,3.04748713 C51.397673,1.26786958 52.8667195,0.112311435 54.2011251,0.469864351 L55.8083203,0.900511001 C57.146647,1.25911457 57.837585,2.99181273 57.3603314,4.77294743 L46.1476673,46.6191795 C45.6708202,48.3987971 44.2017737,49.5543552 42.867368,49.1968023 L41.2601729,48.7661557 C39.9218461,48.4075521 39.2309082,46.6748539 39.7081618,44.8937192 L39.7081618,44.8937192 L39.7081618,44.8937192 Z M6.1564254,51.5 L53.743331,51.5 L53.743331,30.666545 C53.743331,29.2916463 54.8455939,28.1666667 56.2053041,28.1666667 L57.5106296,28.1666667 C58.8732733,28.1666667 59.9726027,29.2859003 59.9726027,30.666545 L59.9726027,55.2870415 C59.9726027,56.0798918 59.6060587,56.7896347 59.0349737,57.2484669 C58.6095986,57.6031361 58.0646734,57.8157895 57.4706184,57.8157895 L2.42913799,57.8157895 C1.90088992,57.8157895 1.410882,57.6465762 1.00933733,57.3586146 C0.35571019,56.9091932 -0.07284638,56.1490709 -0.07284638,55.2870415 L-0.07284638,30.666545 C-0.07284638,29.2916463 1.02941655,28.1666667 2.38912678,28.1666667 L3.69445226,28.1666667 C5.05709591,28.1666667 6.1564254,29.2859003 6.1564254,30.666545 L6.1564254,51.5 L6.1564254,51.5 Z" id="path-2"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

93
data/images/new-additions.svg
View File

@@ -1,73 +1,22 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="53px"
height="53px"
version="1.1"
id="svg2"
inkscape:version="0.48.2 r9819"
sodipodi:docname="new-additions.svg">
<metadata
id="metadata16">
<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>new-additions</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1178"
inkscape:window-height="679"
id="namedview14"
showgrid="false"
inkscape:zoom="8"
inkscape:cx="16.054293"
inkscape:cy="24.228108"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<title
id="title4">new-additions</title>
<description
id="description6">Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs
id="defs8">
<path
d="M45.2483787,33.7077824 C44.9053787,31.7337824 44.1083787,29.6497823 43.2653786,27.4447824 C41.2633786,22.2107822 39.1933786,16.7987825 43.0373786,12.3127824 C43.1743786,12.1537824 43.1963786,11.9247824 43.0933786,11.7417824 C42.9893786,11.5587824 42.7813786,11.4567824 42.5753786,11.4947824 C36.3223789,12.5367825 33.8533785,18.7377825 32.9803784,21.9907827 C30.1093783,16.5227828 28.9243781,10.7617826 28.9243781,2.50078296 C28.9243781,2.32078295 28.8273781,2.15378296 28.6703781,2.06478297 C28.5143781,1.97678297 28.3213781,1.97778297 28.1673781,2.07178297 C23.2333781,5.03278294 22.247378,9.96678295 21.2823779,14.8357829 C21.2823779,19.3827828 20.3623779,22.775783 18.2333779,25.9577827 C17.1373779,21.9527825 14.087378,19.9197825 11.1293778,17.9477824 C10.3523778,17.4287824 9.5483778,16.8927825 8.80037777,16.3327824 C8.62237777,16.1997824 8.38037779,16.2007824 8.20237778,16.3317824 C8.02437778,16.4637824 7.95437779,16.6957824 8.03037778,16.9037824 C9.42837778,20.7497824 8.9593778,25.2537828 8.50637779,29.6087824 C7.7413778,36.9477826 6.95037779,44.5377823 14.918378,49.4377828 C16.521378,50.2387828 18.214378,50.8937828 19.950378,51.3827829 C19.995378,51.3957829 20.041378,51.4017829 20.086378,51.4017829 C20.382378,51.4017829 20.606378,51.1777829 20.606378,50.9017829 C20.606378,50.6987829 20.485378,50.5237829 20.3113781,50.4457829 C17.3013781,48.1657829 17.647378,44.8407829 18.012378,41.3217833 C18.206378,39.4527833 18.406378,37.5327833 18.083378,35.7367833 L18.200378,35.8147833 C19.811378,36.8897833 21.335378,37.9057833 21.6933781,40.0587832 C21.7263781,40.2557832 21.8743781,40.4147832 22.0683781,40.4617832 C22.2633781,40.5107832 22.467378,40.4367832 22.5873781,40.2757832 C24.0393781,38.3387832 24.6593781,36.3317832 24.650378,33.6557833 C25.077378,31.5237834 25.483378,29.4967834 27.1233781,28.1097833 C27.1883781,31.1897832 27.6283781,34.7147833 29.6453781,38.2507831 C29.7493781,38.4317831 29.9523782,38.5347831 30.1603781,38.4957831 C30.3663781,38.4627831 30.5293781,38.3057831 30.5703781,38.1007831 C30.7693781,37.1077831 31.5413781,34.1567831 33.8263782,32.990783 C32.7023782,35.3737829 33.7133782,38.0157831 34.6203782,40.3897831 C35.0463782,41.5017831 35.4473782,42.5517831 35.6163782,43.522783 C35.6883782,43.870783 35.7163782,44.222783 35.7013782,44.6617831 C35.8803782,46.932783 34.5363782,49.0037831 31.7083782,50.8157829 C31.5013782,50.9487829 31.4213782,51.2117829 31.5203782,51.4367829 C31.6013782,51.6227829 31.7833782,51.7367829 31.9783782,51.7367829 C32.0193782,51.7367829 32.0613782,51.7317829 32.1033782,51.7207829 C32.5143782,51.6147829 32.9223782,51.4957829 33.3923782,51.3347829 C41.8493425,47.1077629 45.9013445,41.9698235 45.4363787,36.1277825 C45.4743787,35.2827824 45.4123787,34.4857825 45.2483787,33.7077824 Z M45.2483787,33.7077824"
id="path-1" />
</defs>
<g
id="Page 1"
fill="rgb(215,215,215)"
fill-rule="evenodd">
<use
id="Shape"
fill="rgb(239,140,51)"
xlink:href="#path-1" />
<use
id="Shape-1"
stroke="none"
fill="none"
xlink:href="#path-1" />
</g>
</svg>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="new-additions" sketch:type="MSLayerGroup" transform="translate(7.000000, 0.000000)">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="new-additions">
<g id="Page-1">
<g id="Shape" fill="#EF8C33">
<path d="M45.3020822,38.0493389 C44.88492,35.6805389 43.9155957,33.1797388 42.8903253,30.5337389 C40.4554605,24.2529386 37.9378929,17.758539 42.613028,12.3753389 C42.7796496,12.1845389 42.8064064,11.9097389 42.6811361,11.6901389 C42.5546496,11.4705389 42.3016767,11.3481389 42.0511361,11.3937389 C34.4461365,12.644139 31.4432982,20.085339 30.3815413,23.9889392 C26.8897844,17.4273394 25.448568,10.5141391 25.448568,0.600939552 C25.448568,0.38493954 25.330595,0.184539552 25.139649,0.077739564 C24.9499193,-0.027860436 24.7151896,-0.026660436 24.5278923,0.086139564 C18.5270815,3.63933953 17.3278922,9.56013954 16.1542434,15.4029395 C16.1542434,20.8593394 15.0353245,24.9309396 12.4460001,28.7493392 C11.1130272,23.943339 7.40356784,21.503739 3.80600003,19.1373389 C2.86100003,18.5145389 1.88316219,17.871339 0.973432423,17.1993389 C0.756945936,17.0397389 0.462621636,17.0409389 0.246135138,17.1981389 C0.0296486514,17.3565389 -0.0554864716,17.6349389 0.0369459486,17.8845389 C1.73721622,22.4997389 1.16681084,27.9045394 0.61586488,33.1305389 C-0.314540514,41.9373391 -1.27656755,51.0453388 8.41424351,56.9253394 C10.3638381,57.8865394 12.4228922,58.6725394 14.5342435,59.2593395 C14.5889732,59.2749395 14.6449192,59.2821395 14.6996489,59.2821395 C15.0596489,59.2821395 15.3320814,59.0133395 15.3320814,58.6821395 C15.3320814,58.4385395 15.1849192,58.2285395 14.9732977,58.1349395 C11.3124869,55.3989395 11.7332976,51.4089395 12.1772165,47.18614 C12.4131624,44.94334 12.6564057,42.63934 12.2635678,40.48414 L12.4058651,40.57774 C14.3651895,41.86774 16.218703,43.08694 16.6541085,45.6705398 C16.6942436,45.9069398 16.8742436,46.0977398 17.1101896,46.1541398 C17.3473517,46.2129398 17.5954597,46.1241398 17.7414058,45.9309398 C19.5073517,43.6065398 20.2614058,41.1981398 20.2504597,37.98694 C20.7697841,35.4285401 21.2635678,32.9961401 23.2581626,31.33174 C23.3372166,35.0277398 23.8723517,39.25774 26.3254599,43.5009397 C26.4519463,43.7181397 26.6988384,43.8417397 26.9518112,43.7949397 C27.2023517,43.7553397 27.400595,43.5669397 27.4504599,43.3209397 C27.6924869,42.1293397 28.6314058,38.5881397 31.41046,37.1889396 C30.0434329,40.0485395 31.2730275,43.2189397 32.3761356,46.0677397 C32.8942438,47.4021397 33.3819465,48.6621397 33.587487,49.8273396 C33.6750546,50.2449396 33.7091086,50.6673396 33.6908654,51.1941397 C33.9085681,53.9193396 32.2739735,56.4045397 28.834514,58.5789395 C28.5827573,58.7385395 28.48546,59.0541395 28.6058654,59.3241395 C28.7043789,59.5473395 28.9257302,59.6841395 29.1628924,59.6841395 C29.2127573,59.6841395 29.2638384,59.6781395 29.3149194,59.6649395 C29.8147843,59.5377395 30.3110005,59.3949395 30.8826221,59.2017395 C41.1681193,54.1293155 46.0962298,47.9637882 45.5307309,40.953339 C45.5769471,39.9393389 45.5015417,38.982939 45.3020822,38.0493389 L45.3020822,38.0493389 L45.3020822,38.0493389 Z" id="path-1"></path>
</g>
<g id="Shape-1" fill="#000000">
<path d="M45.3020822,38.0493389 C44.88492,35.6805389 43.9155957,33.1797388 42.8903253,30.5337389 C40.4554605,24.2529386 37.9378929,17.758539 42.613028,12.3753389 C42.7796496,12.1845389 42.8064064,11.9097389 42.6811361,11.6901389 C42.5546496,11.4705389 42.3016767,11.3481389 42.0511361,11.3937389 C34.4461365,12.644139 31.4432982,20.085339 30.3815413,23.9889392 C26.8897844,17.4273394 25.448568,10.5141391 25.448568,0.600939552 C25.448568,0.38493954 25.330595,0.184539552 25.139649,0.077739564 C24.9499193,-0.027860436 24.7151896,-0.026660436 24.5278923,0.086139564 C18.5270815,3.63933953 17.3278922,9.56013954 16.1542434,15.4029395 C16.1542434,20.8593394 15.0353245,24.9309396 12.4460001,28.7493392 C11.1130272,23.943339 7.40356784,21.503739 3.80600003,19.1373389 C2.86100003,18.5145389 1.88316219,17.871339 0.973432423,17.1993389 C0.756945936,17.0397389 0.462621636,17.0409389 0.246135138,17.1981389 C0.0296486514,17.3565389 -0.0554864716,17.6349389 0.0369459486,17.8845389 C1.73721622,22.4997389 1.16681084,27.9045394 0.61586488,33.1305389 C-0.314540514,41.9373391 -1.27656755,51.0453388 8.41424351,56.9253394 C10.3638381,57.8865394 12.4228922,58.6725394 14.5342435,59.2593395 C14.5889732,59.2749395 14.6449192,59.2821395 14.6996489,59.2821395 C15.0596489,59.2821395 15.3320814,59.0133395 15.3320814,58.6821395 C15.3320814,58.4385395 15.1849192,58.2285395 14.9732977,58.1349395 C11.3124869,55.3989395 11.7332976,51.4089395 12.1772165,47.18614 C12.4131624,44.94334 12.6564057,42.63934 12.2635678,40.48414 L12.4058651,40.57774 C14.3651895,41.86774 16.218703,43.08694 16.6541085,45.6705398 C16.6942436,45.9069398 16.8742436,46.0977398 17.1101896,46.1541398 C17.3473517,46.2129398 17.5954597,46.1241398 17.7414058,45.9309398 C19.5073517,43.6065398 20.2614058,41.1981398 20.2504597,37.98694 C20.7697841,35.4285401 21.2635678,32.9961401 23.2581626,31.33174 C23.3372166,35.0277398 23.8723517,39.25774 26.3254599,43.5009397 C26.4519463,43.7181397 26.6988384,43.8417397 26.9518112,43.7949397 C27.2023517,43.7553397 27.400595,43.5669397 27.4504599,43.3209397 C27.6924869,42.1293397 28.6314058,38.5881397 31.41046,37.1889396 C30.0434329,40.0485395 31.2730275,43.2189397 32.3761356,46.0677397 C32.8942438,47.4021397 33.3819465,48.6621397 33.587487,49.8273396 C33.6750546,50.2449396 33.7091086,50.6673396 33.6908654,51.1941397 C33.9085681,53.9193396 32.2739735,56.4045397 28.834514,58.5789395 C28.5827573,58.7385395 28.48546,59.0541395 28.6058654,59.3241395 C28.7043789,59.5473395 28.9257302,59.6841395 29.1628924,59.6841395 C29.2127573,59.6841395 29.2638384,59.6781395 29.3149194,59.6649395 C29.8147843,59.5377395 30.3110005,59.3949395 30.8826221,59.2017395 C41.1681193,54.1293155 46.0962298,47.9637882 45.5307309,40.953339 C45.5769471,39.9393389 45.5015417,38.982939 45.3020822,38.0493389 L45.3020822,38.0493389 L45.3020822,38.0493389 Z" id="path-1"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

32
data/images/new-releases.svg
View File

@@ -1,18 +1,24 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="50px" height="51px" 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">
<title>new-releases</title>
<svg width="62px" height="62px" viewBox="0 0 62 62" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="53.6083847%" fx="50%" fy="53.6083847%" r="48.6437738%" id="radialGradient-1">
<stop stop-color="rgb(239,141,51)" offset="0%"></stop>
<stop stop-color="rgb(246,187,50)" offset="100%"></stop>
</radialGradient>
<path d="M49.2034612,21.6340195 L45.3264611,19.2480196 L47.2254612,15.1130193 C47.4434612,14.6380194 47.4264612,14.0880194 47.1794612,13.6270194 C46.9324612,13.1640194 46.4854612,12.8460194 45.9674612,12.7620194 L41.4734612,12.0430194 L41.6454612,7.49501956 C41.6664612,6.97301954 41.4404612,6.47101951 41.0354612,6.13701952 C40.6314612,5.80501953 40.0944612,5.68301952 39.5854611,5.80301952 L35.1584611,6.86001956 L33.5764611,2.59401977 C33.3934611,2.10401976 32.9934611,1.72501975 32.4934611,1.57301974 C31.9924612,1.42201975 31.4504612,1.51201974 31.0244612,1.81901975 L27.338461,4.48701973 L24.243461,1.15101977 C23.887461,0.766019776 23.373461,0.571019784 22.8514611,0.622019783 C22.330461,0.675019782 21.8634611,0.966019794 21.5894611,1.41301979 L19.2044611,5.29001988 L15.0684609,3.39101984 C14.593461,3.17301984 14.043461,3.19101983 13.581461,3.43601984 C13.120461,3.68101984 12.8004609,4.13001984 12.7174609,4.64801985 L11.998461,9.14001995 L7.4504611,8.97001995 C6.93346108,8.94301995 6.42546112,9.17501995 6.0934611,9.58101995 C5.76146112,9.98501997 5.63846109,10.52002 5.75946111,11.03002 L6.81446106,15.4580199 L2.54846127,17.0400199 C2.05846126,17.2220199 1.68146128,17.62202 1.52846129,18.1240199 C1.37846128,18.6240199 1.46746128,19.1670199 1.77446129,19.5910199 L4.44246127,23.2770201 L1.10546138,26.3710202 C0.721461378,26.7280201 0.526461385,27.2430201 0.577461384,27.7640202 C0.629461385,28.2840201 0.921461396,28.7510201 1.36746141,29.0260201 L5.24346133,31.4110201 L3.34646138,35.5460203 C3.12646138,36.0230203 3.14446137,36.5720204 3.39146138,37.0320203 C3.63746139,37.4950203 4.08546139,37.8150203 4.60246135,37.8980203 L9.09446145,38.6180203 L8.92546145,43.1650202 C8.90546145,43.6880202 9.13046145,44.1900202 9.53446148,44.5220202 C9.94046146,44.8530202 10.4754615,44.9780202 10.9854615,44.8540202 L15.4114616,43.8010202 L16.9944615,48.06702 C17.1754615,48.5570201 17.5764615,48.93402 18.0774615,49.08702 C18.5774615,49.23702 19.1224614,49.14802 19.5454615,48.84102 L23.2314616,46.17302 L26.3264617,49.50902 C26.6444616,49.85302 27.0904616,50.04602 27.5544617,50.04602 C27.6094617,50.04602 27.6624617,50.04202 27.7184617,50.03802 C28.2394617,49.98502 28.7054617,49.69402 28.9804617,49.24902 L31.3654617,45.3720199 L35.5014618,47.2690199 C35.9764618,47.4890199 36.5264618,47.4710199 36.9874618,47.2250199 C37.4494618,46.9790199 37.7684618,46.5300199 37.8524618,46.0120198 L38.5714617,41.5200197 L43.1204615,41.6920197 C44.1204616,41.6920197 44.8704616,40.9440197 44.8704616,40.0180197 C44.8704616,39.8100197 44.8324616,39.6110197 44.7634616,39.4260197 L43.7564616,35.2030196 L48.0224614,33.6200197 C48.5134614,33.4370197 48.8904613,33.0370197 49.0434614,32.5370198 C49.1934614,32.0370198 49.1034614,31.4940198 48.7964614,31.0680198 L46.1284614,27.3820197 L49.4664615,24.2880196 C49.8484635,23.9320068 50.0444626,23.4160156 49.9914612,22.8950195 C49.9404612,22.3750196 49.6494612,21.9090195 49.2034612,21.6340195 Z M49.2034612,21.6340195" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" fill="url(#radialGradient-1)">
<use id="Shape" fill="rgb(239,140,51)" xlink:href="#path-2"></use>
<use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="new-releases" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="new-releases">
<g id="Page-1">
<g id="Group">
<g id="Shape" fill="#000000">
<path d="M60.0246464,25.2661463 L55.2772993,22.3445138 L57.6026056,17.2812481 C57.8695443,16.6996156 57.848728,16.0261462 57.546279,15.4616564 C57.24383,14.8947176 56.6964831,14.5053299 56.0621974,14.4024727 L50.5593402,13.5220646 L50.7699525,7.95308518 C50.7956668,7.31390148 50.5189321,6.69920756 50.0230137,6.29022798 C49.5283198,5.88369738 48.8707688,5.73430962 48.2475034,5.88124839 L42.8266871,7.17553416 L40.8895442,1.95186094 C40.6654626,1.35186093 40.1756667,0.887779286 39.5634218,0.701656824 C38.9499525,0.516758878 38.286279,0.626962947 37.7646464,1.00288133 L33.2511767,4.26982008 L29.4613808,0.184922167 C29.0254624,-0.286506397 28.3960747,-0.525281897 27.7568911,-0.462832919 C27.1189318,-0.397934961 26.5470952,-0.0416084155 26.211585,0.505738518 L23.2911769,5.25308557 L18.2266868,2.9277794 C17.6450543,2.66084062 16.9715849,2.68288142 16.4058706,2.98288144 C15.8413808,3.28288144 15.449544,3.83267736 15.3479113,4.46696308 L14.4675033,9.96737137 L8.8985238,9.7592081 C8.26546255,9.72614688 7.64342178,10.0102285 7.23689114,10.5073714 C6.83036056,11.0020653 6.67974827,11.6571673 6.82791156,12.2816571 L8.11974824,17.7036978 L2.89607502,19.6408407 C2.29607501,19.8636978 1.83444238,20.3534939 1.64709546,20.9681876 C1.46342198,21.5804325 1.57240157,22.2453305 1.94831995,22.7645142 L5.2152587,27.2779838 L1.12913638,31.0665553 C0.6589323,31.5036981 0.420156798,32.1343103 0.482605776,32.7722696 C0.546279247,33.4090042 0.903830281,33.9808409 1.44995275,34.3175756 L6.1960751,37.2379838 L3.87321802,42.3012493 C3.60383026,42.885331 3.62587107,43.557576 3.92832006,44.1208412 C4.22954456,44.68778 4.77811599,45.0796167 5.41117716,45.1812493 L10.9115855,46.062882 L10.7046467,51.630637 C10.6801569,52.2710451 10.9556671,52.885739 11.450361,53.2922696 C11.9475038,53.6975758 12.6026059,53.850637 13.2270957,53.6988002 L18.6466877,52.4094125 L20.5850549,57.6330857 C20.8066876,58.2330858 21.297708,58.6947184 21.9111773,58.8820653 C22.5234222,59.0657388 23.1907691,58.9567592 23.7087284,58.5808408 L28.2221979,55.313902 L32.0119939,59.3988 C32.4013816,59.8200245 32.947504,60.056351 33.5156674,60.056351 C33.5830143,60.056351 33.6479123,60.0514531 33.7164837,60.0465551 C34.3544429,59.9816571 34.9250551,59.6253306 35.2617898,59.0804327 L38.182198,54.3330856 L43.2466879,56.6559427 C43.8283206,56.9253305 44.50179,56.9032897 45.0662798,56.6020652 C45.631994,56.3008407 46.0226063,55.7510448 46.1254634,55.1167589 L47.0058715,49.6163507 L52.5760753,49.8269629 C53.8005652,49.8269629 54.7189326,48.9110445 54.7189326,47.777167 C54.7189326,47.5224731 54.672402,47.2787996 54.5879122,47.052269 L53.3548509,41.8812485 L58.5785242,39.9428813 C59.1797487,39.7187996 59.6413812,39.2290037 59.8287282,38.6167589 C60.0124017,38.004514 59.9021976,37.3396161 59.5262793,36.8179834 L56.2593405,32.3045139 L60.3466876,28.5159424 C60.8144451,28.0800083 61.054444,27.4481824 60.9895443,26.810228 C60.9270953,26.1734934 60.5707688,25.602881 60.0246464,25.2661463 L60.0246464,25.2661463 L60.0246464,25.2661463 Z" id="path-2"></path>
</g>
<g id="Shape-1">
<path d="M60.0246464,25.2661463 L55.2772993,22.3445138 L57.6026056,17.2812481 C57.8695443,16.6996156 57.848728,16.0261462 57.546279,15.4616564 C57.24383,14.8947176 56.6964831,14.5053299 56.0621974,14.4024727 L50.5593402,13.5220646 L50.7699525,7.95308518 C50.7956668,7.31390148 50.5189321,6.69920756 50.0230137,6.29022798 C49.5283198,5.88369738 48.8707688,5.73430962 48.2475034,5.88124839 L42.8266871,7.17553416 L40.8895442,1.95186094 C40.6654626,1.35186093 40.1756667,0.887779286 39.5634218,0.701656824 C38.9499525,0.516758878 38.286279,0.626962947 37.7646464,1.00288133 L33.2511767,4.26982008 L29.4613808,0.184922167 C29.0254624,-0.286506397 28.3960747,-0.525281897 27.7568911,-0.462832919 C27.1189318,-0.397934961 26.5470952,-0.0416084155 26.211585,0.505738518 L23.2911769,5.25308557 L18.2266868,2.9277794 C17.6450543,2.66084062 16.9715849,2.68288142 16.4058706,2.98288144 C15.8413808,3.28288144 15.449544,3.83267736 15.3479113,4.46696308 L14.4675033,9.96737137 L8.8985238,9.7592081 C8.26546255,9.72614688 7.64342178,10.0102285 7.23689114,10.5073714 C6.83036056,11.0020653 6.67974827,11.6571673 6.82791156,12.2816571 L8.11974824,17.7036978 L2.89607502,19.6408407 C2.29607501,19.8636978 1.83444238,20.3534939 1.64709546,20.9681876 C1.46342198,21.5804325 1.57240157,22.2453305 1.94831995,22.7645142 L5.2152587,27.2779838 L1.12913638,31.0665553 C0.6589323,31.5036981 0.420156798,32.1343103 0.482605776,32.7722696 C0.546279247,33.4090042 0.903830281,33.9808409 1.44995275,34.3175756 L6.1960751,37.2379838 L3.87321802,42.3012493 C3.60383026,42.885331 3.62587107,43.557576 3.92832006,44.1208412 C4.22954456,44.68778 4.77811599,45.0796167 5.41117716,45.1812493 L10.9115854,46.062882 L10.7046467,51.630637 C10.6801569,52.2710451 10.9556671,52.885739 11.450361,53.2922696 C11.9475038,53.6975758 12.6026059,53.850637 13.2270957,53.6988002 L18.6466877,52.4094125 L20.5850549,57.6330857 C20.8066876,58.2330858 21.297708,58.6947184 21.9111773,58.8820653 C22.5234222,59.0657388 23.1907691,58.9567592 23.7087284,58.5808408 L28.2221979,55.313902 L32.0119939,59.3988 C32.4013816,59.8200245 32.947504,60.056351 33.5156674,60.056351 C33.5830143,60.056351 33.6479123,60.0514531 33.7164837,60.0465551 C34.3544429,59.9816571 34.9250551,59.6253306 35.2617898,59.0804327 L38.182198,54.3330856 L43.2466879,56.6559427 C43.8283206,56.9253305 44.50179,56.9032897 45.0662798,56.6020652 C45.631994,56.3008407 46.0226063,55.7510448 46.1254634,55.1167589 L47.0058715,49.6163507 L52.5760753,49.8269629 C53.8005652,49.8269629 54.7189326,48.9110445 54.7189326,47.777167 C54.7189326,47.5224731 54.672402,47.2787996 54.5879122,47.052269 L53.3548509,41.8812485 L58.5785242,39.9428813 C59.1797487,39.7187996 59.6413812,39.2290037 59.8287282,38.6167589 C60.0124017,38.004514 59.9021976,37.3396161 59.5262793,36.8179834 L56.2593405,32.3045139 L60.3466876,28.5159424 C60.8144451,28.0800083 61.054444,27.4481824 60.9895443,26.810228 C60.9270953,26.1734934 60.5707688,25.602881 60.0246464,25.2661463 L60.0246464,25.2661463 L60.0246464,25.2661463 Z" id="path-2"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

58
data/images/not-loved.svg
View File

@@ -1,9 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" viewBox="0 0 70 70" 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">
<title>not-loved</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M50.2845366,3 C44.4682675,3 39.0599028,5.9839806 35.0006595,11.4161319 C30.9453762,5.98833681 25.5475726,3.00871241 19.739224,3.00871241 C11.1389082,3.00871241 2,10.1121836 2,23.2779984 C2,36.8213489 12.918375,46.274251 20.8916533,53.1758861 C23.9106744,55.7953999 26.1257673,57.6511308 27.9263554,59.1612721 C30.7737663,61.5470044 32.2020921,62.7435008 33.7426246,64.4278889 C34.0766046,64.7967118 34.5241115,65 34.99934,65 C35.4732484,65 35.9194352,64.7981639 36.2560554,64.4293409 C38.2929376,62.2018829 40.1423686,60.6583448 45.0979459,56.527238 L49.0832651,53.1976675 C55.6942216,47.6711323 68,37.3832972 68,23.1444091 C68.0012662,10.0584904 58.8729475,3 50.2845366,3 L50.2845366,3 L50.2845366,3 M19.7391736,6.92784344 C25.067013,6.92784344 30.0899148,10.1601261 33.51816,15.7912095 C34.150478,16.8323356 35.8494199,16.8323356 36.4804177,15.7912095 C39.9126235,10.152866 44.9421252,6.91913102 50.2831663,6.91913102 C57.143618,6.91913102 64.4370557,12.6053925 64.4370557,23.1429827 C64.4370557,34.4864645 55.3971532,42.9955283 46.9235646,50.0786694 L42.944846,53.4024316 C38.8037574,56.8539752 36.7906365,58.5325548 34.9913686,60.3389157 C33.6778898,59.0494876 32.2152422,57.8254023 30.0833142,56.0393701 C28.3579707,54.5960238 26.1402377,52.7373889 23.0763337,50.0786694 C15.6838903,43.6808988 5.56152328,34.9177251 5.56152328,23.278022 C5.56419472,12.6576434 12.8681388,6.92784344 19.7391736,6.92784344 C19.7391736,6.92784344 12.8681388,6.92784344 19.7391736,6.92784344 L19.7391736,6.92784344" id="Shape" fill="rgb(82,83,82)"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="loved" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)">
<g id="Page-1">
<g id="loved">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29" transform="translate(0.000000, 5.000000)" stroke="#000000" stroke-width="2" sketch:type="MSShapeGroup">
<path d="M56.5,24 C58,22.5 60,18.5 60,16 L60,13.5 C60,11 58.5,7 56.5,5 L55,3.5 C52.5,1.5 49,0 46,0 L43.5,0 C41,0 37,1.5 35,3.5 L30,8.5 L25,3.5 C23,1.5 19,0 16.5,0 L14,0 C11,0 7.5,1.5 5.5,3.5 L3.5,5 C2,7 0,11 0,13.5 L0,15.5 C0,18 1.5,22 3.5,24 L30,50 L56.5,24 L56.5,24 Z" id="Shape"></path>
</g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

98
data/images/now-playing-speaker-dark.svg
View File

@@ -1,32 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>now-playing-speaker-dark</title>
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="-39.1231204%" x2="50%" y2="222.072246%" id="linearGradient-1">
<stop stop-color="rgb(67,68,67)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-39.1231204%" x2="50%" y2="222.072246%" id="linearGradient-2">
<stop stop-color="rgb(65,66,65)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-39.1231204%" x2="50%" y2="222.072246%" id="linearGradient-3">
<stop stop-color="rgb(69,70,69)" offset="0%"></stop>
<stop stop-color="rgb(35,35,35)" offset="45.8253235%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-39.1231204%" x2="50%" y2="222.072246%" id="linearGradient-4">
<stop stop-color="rgb(81,82,81)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" fill="rgb(0,0,0)">
<path d="M36.974563,21.947998 C36.045343,22.086998 35.468023,22.7009981 35.686303,23.3189981 L35.681203,23.3199981 C36.182023,24.7209981 36.430903,26.166998 36.425803,27.6099981 C36.430903,29.0639981 36.167743,30.5229982 35.664883,31.9479979 C35.441503,32.5639979 36.031063,33.1759979 36.965383,33.3219978 C37.096963,33.3429978 37.228543,33.3509978 37.360123,33.3509978 C38.144503,33.3509978 38.858503,32.9929978 39.047203,32.4659978 C39.607183,30.8709978 39.888703,29.2399978 39.897883,27.6099979 C39.891763,25.9909979 39.611263,24.3779978 39.055363,22.7979981 C38.8319666,22.1810303 37.90479,21.802002 36.974563,21.947998 C36.974563,21.947998 37.90479,21.802002 36.974563,21.947998 L36.974563,21.947998" id="Shape" fill="url(#linearGradient-1)"></path>
<path d="M49.4460925,12.1989746 C49.0360525,11.6229746 47.9997325,11.3819746 47.1388524,11.6509746 C46.2738925,11.9169746 45.9056725,12.5989746 46.3106125,13.1709746 L46.3024525,13.1709746 C49.5735925,17.7489747 51.2035523,22.6799744 51.2035523,27.6209744 C51.2035523,32.5639743 49.5746123,37.4979743 46.3024525,42.0749749 C45.8934325,42.6469749 46.2647125,43.3289748 47.1378325,43.5979749 C47.3765125,43.6689749 47.6253925,43.7039749 47.8671324,43.7029749 C48.5209524,43.7049749 49.1462124,43.4599749 49.4450725,43.0469749 C52.9293924,38.163975 54.6827727,32.8949744 54.6827727,27.6209752 C54.6828064,22.3530273 52.928374,17.0839844 49.4460925,12.1989746 C49.4460925,12.1989746 52.928374,17.0839844 49.4460925,12.1989746 L49.4460925,12.1989746" id="Shape" fill="url(#linearGradient-2)"></path>
<path d="M44.8683569,18.4260254 C44.5501169,17.8270254 43.562757,17.5150254 42.6641369,17.7230254 C41.7634769,17.9250254 41.2830569,18.5770254 41.5972169,19.1730254 C43.0211369,21.8780254 43.730037,24.7370256 43.730037,27.6030257 C43.727997,30.4820257 43.004817,33.363026 41.5747771,36.0970262 C41.2616371,36.6910262 41.7420571,37.3460261 42.6488371,37.5490262 C42.8354971,37.5910262 43.025217,37.6110262 43.211877,37.6110262 C43.935057,37.6110262 44.6102971,37.3150262 44.861217,36.8400262 C46.4075371,33.8650263 47.1980369,30.737026 47.197017,27.6030257 C47.1980334,24.4909668 46.4319751,21.3780518 44.8683569,18.4260254 C44.8683569,18.4260254 46.4319751,21.3780518 44.8683569,18.4260254 L44.8683569,18.4260254" id="Shape" fill="url(#linearGradient-3)"></path>
<path d="M16.5816932,19.280982 L5.95227371,19.280982 C5.24337372,19.280982 4.66605367,19.845982 4.66605367,20.542982 L4.66605367,35.0439824 C4.66605367,35.7399824 5.24235367,36.3049824 5.95227371,36.3049824 L16.8203734,36.3049824 C20.4699335,39.4019823 26.5399537,44.4649823 28.9451135,45.9769824 C32.0102136,47.9039824 32.4029136,44.6499823 32.4029136,44.6499823 L32.4029136,28.0769824 L32.4029136,27.3079824 L32.4029136,10.7349824 C32.4029285,10.7340088 32.0102185,7.47900391 28.9451135,9.40698242 C26.4869134,10.9519824 20.2006536,16.2089825 16.5816932,19.280982 Z M16.5816932,19.280982" id="Shape" fill="url(#linearGradient-4)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="now-playing-speaker-dark" sketch:type="MSLayerGroup" transform="translate(0.000000, -3.000000)">
<g id="Page-1">
<g id="icon_Play">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28" transform="translate(10.571429, 3.285714)" fill="#000000" sketch:type="MSShapeGroup">
<path d="M-0.28571429,-0.28571429 L44.1978022,29.7142857 L0.197802195,59.7142857 L0.197802195,-0.28571429 L-0.28571429,-0.28571429 L-0.28571429,-0.28571429 Z" id="Shape"></path>
</g>
<g id="Layer_29"></g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46"></g>
<g id="Layer_48"></g>
<g id="Layer_49"></g>
<g id="Layer_51"></g>
<g id="Layer_52"></g>
<g id="Layer_53"></g>
<g id="Layer_54"></g>
<g id="Layer_55"></g>
<g id="Layer_56"></g>
<g id="Layer_57"></g>
<g id="Layer_58"></g>
<g id="Layer_59"></g>
<g id="Layer_60"></g>
<g id="Layer_61"></g>
<g id="Layer_62"></g>
<g id="Layer_63"></g>
<g id="Layer_64"></g>
<g id="Layer_65"></g>
<g id="Layer_66"></g>
<g id="Layer_50"></g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

27
data/images/playlist-icon.svg
View File

@@ -1,14 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="70px" 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">
<title>playlist-icon</title>
<svg width="63px" height="63px" viewBox="0 0 63 63" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="55.1087141%" cy="29.5365341%" fx="55.1087141%" fy="29.5365341%" r="100%" id="radialGradient-1">
<stop stop-color="rgb(149,198,243)" offset="0%"></stop>
<stop stop-color="rgb(124,142,212)" offset="100%"></stop>
</radialGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M6.41968321,34.8053144 L33.3132543,34.8053144 C34.4747001,34.8053144 35.4135367,35.9242668 35.4135367,37.3053164 C35.4135367,38.6863621 34.4747001,39.8053144 33.3132543,39.8053144 L6.41968321,39.8053144 C5.25944519,39.8053144 4.3181884,38.6863621 4.3181884,37.3053164 C4.3181884,35.9242668 5.25944519,34.8053144 6.41968321,34.8053144 Z M46.5025931,4.89854326 C49.2434046,11.5913223 53.7642469,15.608488 57.7535969,19.1530501 C62.7933571,23.6315711 67.5532165,27.8612872 66.947814,35.9768931 C66.8943508,36.6557994 66.1993188,37.1884207 65.3438972,37.202175 C64.479041,37.2234281 63.7682846,36.7058083 63.6833724,36.0306553 C63.1691718,31.9784823 60.4503799,30.4718863 56.6858897,28.3839113 C54.2076821,27.0110972 51.5077542,25.5145023 49.1805015,23.0901999 L49.1805015,51.1203525 C51.0124282,54.1335405 49.2088108,58.6945814 44.7555785,62.1416192 C41.6295123,64.5584208 37.7345144,66 34.3332647,66 C32.2293047,66 30.4429788,65.4523748 29.1677088,64.4133878 C25.7224306,61.5927424 27.1643853,56.1790064 32.4541645,52.0893228 C35.8742835,49.4449693 40.2661852,47.9696313 43.8152448,48.2684491 L43.8152448,11.630083 C43.4944604,9.70964227 43.3214913,7.58415769 43.3073393,5.30863869 C43.3057668,4.66723806 43.8891498,4.1183642 44.6848184,4.01584425 C45.4867767,3.91706979 46.2541413,4.28840453 46.5025931,4.89854326 Z M6.41968321,19.3565965 L33.3132543,19.3565965 C34.4747001,19.3565965 35.4135367,20.4755488 35.4135367,21.8565965 C35.4135367,23.2376461 34.4747001,24.3565965 33.3132543,24.3565965 L6.41968321,24.3565965 C5.25944519,24.3565965 4.3181884,23.2376461 4.3181884,21.8565965 C4.3181884,20.4755488 5.25944519,19.3565965 6.41968321,19.3565965 Z M35.4558825,7.6625295 C35.4558825,9.04253505 34.5182542,10.1618096 33.3555971,10.1618096 L6.46202753,10.1618096 C5.3017895,10.1618096 4.36053281,9.04253505 4.36053281,7.6625295 C4.36053281,6.28252395 5.3017895,5.1618096 6.46202753,5.1618096 L33.3555971,5.1618096 C34.5182542,5.1618096 35.4558825,6.28252395 35.4558825,7.6625295 Z M35.4558825,7.6625295" id="path1084" fill="url(#radialGradient-1)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="playlist-icon" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="playlist-icon">
<g id="Page-1">
<g id="playlist-icon">
<g id="Page-1">
<path d="M2.41968321,30.8053144 L29.3132543,30.8053144 C30.4747001,30.8053144 31.4135367,31.9242668 31.4135367,33.3053164 C31.4135367,34.6863621 30.4747001,35.8053144 29.3132543,35.8053144 L2.41968321,35.8053144 C1.25944519,35.8053144 0.3181884,34.6863621 0.3181884,33.3053164 C0.3181884,31.9242668 1.25944519,30.8053144 2.41968321,30.8053144 L2.41968321,30.8053144 L2.41968321,30.8053144 Z M42.5025931,0.89854326 C45.2434046,7.5913223 49.7642469,11.608488 53.7535969,15.1530501 C58.7933571,19.6315711 63.5532165,23.8612872 62.947814,31.9768931 C62.8943508,32.6557994 62.1993188,33.1884207 61.3438972,33.202175 C60.479041,33.2234281 59.7682846,32.7058083 59.6833724,32.0306553 C59.1691718,27.9784823 56.4503799,26.4718863 52.6858897,24.3839113 C50.2076821,23.0110972 47.5077542,21.5145023 45.1805015,19.0901999 L45.1805015,47.1203525 C47.0124282,50.1335405 45.2088108,54.6945814 40.7555785,58.1416192 C37.6295123,60.5584208 33.7345144,62 30.3332647,62 C28.2293047,62 26.4429788,61.4523748 25.1677088,60.4133878 C21.7224306,57.5927424 23.1643853,52.1790064 28.4541645,48.0893228 C31.8742835,45.4449693 36.2661852,43.9696313 39.8152448,44.2684491 L39.8152448,7.630083 C39.4944604,5.70964227 39.3214913,3.58415769 39.3073393,1.30863869 C39.3057668,0.66723806 39.8891498,0.1183642 40.6848184,0.01584425 C41.4867767,-0.08293021 42.2541413,0.28840453 42.5025931,0.89854326 L42.5025931,0.89854326 L42.5025931,0.89854326 Z M2.41968321,15.3565965 L29.3132543,15.3565965 C30.4747001,15.3565965 31.4135367,16.4755488 31.4135367,17.8565965 C31.4135367,19.2376461 30.4747001,20.3565965 29.3132543,20.3565965 L2.41968321,20.3565965 C1.25944519,20.3565965 0.3181884,19.2376461 0.3181884,17.8565965 C0.3181884,16.4755488 1.25944519,15.3565965 2.41968321,15.3565965 L2.41968321,15.3565965 L2.41968321,15.3565965 Z M31.4558825,3.6625295 C31.4558825,5.04253505 30.5182542,6.1618096 29.3555971,6.1618096 L2.46202753,6.1618096 C1.3017895,6.1618096 0.36053281,5.04253505 0.36053281,3.6625295 C0.36053281,2.28252395 1.3017895,1.1618096 2.46202753,1.1618096 L29.3555971,1.1618096 C30.5182542,1.1618096 31.4558825,2.28252395 31.4558825,3.6625295 L31.4558825,3.6625295 L31.4558825,3.6625295 Z" id="path1084"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

23
data/images/private-listening.svg
View File

@@ -1,14 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="53px" height="53px" viewBox="0 0 53 53" 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">
<title>listen-privately</title>
<svg width="61px" height="61px" viewBox="0 0 61 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(123,125,121)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M50.7289989,30.4819991 C51.1209972,31.3599288 51.3420055,32.2979171 51.3430008,33.2760004 C51.3430008,38.0870001 46.2030009,41.999 39.8850006,41.999 C33.5670003,41.999 28.4270004,38.0870003 28.4270004,33.2760004 C28.4270004,32.9850004 28.4490004,32.6970004 28.4860004,32.4110004 C28.0190004,32.3640004 27.5500004,32.3370004 27.0780004,32.3370004 C26.3320004,32.3370004 25.5920004,32.4040004 24.8650004,32.5230004 C24.8940004,32.7730004 24.9160004,33.0230004 24.9160004,33.2770004 C24.9160004,38.0880001 19.7750001,42 13.4580002,42 C7.13999987,42 2,38.0880003 2,33.2770004 C2,32.2930003 2.22500002,31.3490003 2.62300003,30.4660003 C2.65200002,30.3830003 2.68200002,30.3010003 2.72500002,30.2240003 L2.84700003,30.0000003 C2.88200003,29.9330003 2.91700003,29.8660003 2.95500003,29.8020003 L12.035,13.1749995 C12.3059999,12.6829994 14.7649997,8.39999941 18.4319998,8.39999941 L18.4769998,8.39999941 C20.7439995,8.42299965 22.7339996,10.0359996 24.3939996,13.1999996 C24.8099997,13.9919997 24.5039996,14.9719996 23.7119996,15.3869996 C22.9199997,15.8029997 21.9399997,15.4979996 21.5239997,14.7049997 C20.4929998,12.7409998 19.3999997,11.6529998 18.4479997,11.6409998 L18.4319997,11.6409998 C17.0439997,11.6409998 15.4359996,13.7229997 14.8739996,14.7369997 L9.15899944,25.1989996 C10.4879994,24.7859996 11.9349993,24.5569996 13.4559994,24.5569996 C17.9599996,24.5569996 21.8549994,26.5489995 23.7249994,29.4339994 C24.8209994,29.2129994 25.9439994,29.0959994 27.0769994,29.0959994 C27.9589993,29.0959994 28.8349993,29.1699995 29.6969993,29.3069994 C31.5999992,26.4889995 35.4469988,24.5569994 39.884999,24.5569994 C41.4169991,24.5569994 42.8779991,24.7889994 44.213999,25.2069994 L38.4339988,14.6249996 C37.8739989,13.6189998 36.2679989,11.5349997 34.8799989,11.5349997 L34.8629989,11.5349997 C33.9119989,11.5469998 32.8189989,12.6359997 31.7879989,14.6009997 C31.3709989,15.3939997 30.3909989,15.6979997 29.5999989,15.2829997 C28.8069989,14.8659998 28.5019989,13.8879997 28.9179989,13.0949997 C30.5769993,9.93099958 32.5679993,8.31699954 34.8359992,8.29499954 C34.8499992,8.29399954 34.8649992,8.29399954 34.8799992,8.29399954 C38.5469992,8.29399954 41.0049991,12.5759993 41.2749991,13.0669993 L50.5879989,30.1159991 C50.6519989,30.2349991 50.6959989,30.3579991 50.7289989,30.4819991 Z M50.7289989,30.4819991" id="Shape" fill="url(#linearGradient-1)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="private-listening" sketch:type="MSLayerGroup" transform="translate(0.000000, 7.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="private-listening">
<g id="Page-1">
<path d="M59.6681619,27.7718812 C60.1481598,28.8563826 60.4187822,30.0150741 60.420001,31.2232946 C60.420001,37.1662942 54.1261236,41.9987647 46.3897967,41.9987647 C38.6534698,41.9987647 32.3595923,37.1662945 32.3595923,31.2232946 C32.3595923,30.863824 32.3865311,30.5080593 32.4318372,30.1547652 C31.8600005,30.0967064 31.2857148,30.0633534 30.7077556,30.0633534 C29.7942862,30.0633534 28.8881638,30.1461181 27.9979597,30.2931181 C28.0334699,30.6019417 28.0604087,30.9107652 28.0604087,31.2245299 C28.0604087,37.1675295 21.7653062,42 14.0302043,42 C6.29387739,42 0,37.1675298 0,31.2245299 C0,30.0090004 0.275510229,28.8428827 0.76285718,27.752118 C0.798367371,27.6495886 0.835102065,27.5482945 0.887755127,27.4531768 L1.03714289,27.176471 C1.08000004,27.0937063 1.12285718,27.0109415 1.16938779,26.9318827 L12.2877551,6.39264644 C12.6195917,5.78488161 15.6306119,0.494116918 20.1208161,0.494116918 L20.1759181,0.494116918 C22.9518361,0.522528979 25.3885709,2.51505833 27.421224,6.42352892 C27.9306119,7.40188198 27.5559179,8.61247009 26.586122,9.12511715 C25.6163262,9.63899963 24.4163262,9.2622348 23.9069384,8.28264669 C22.6444896,5.85652916 21.3061221,4.51252916 20.1404078,4.49770564 L20.120816,4.49770564 C18.4212241,4.49770564 16.4522444,7.06958786 15.7640811,8.3221761 L8.76612176,21.245823 C10.3934687,20.7356466 12.1653053,20.4527642 14.0277544,20.4527642 C19.5428567,20.4527642 24.3122442,22.91347 26.6020401,26.4772934 C27.9440809,26.2042934 29.3191829,26.059764 30.7065299,26.059764 C31.7865298,26.059764 32.8591828,26.1511759 33.914693,26.320411 C36.244897,22.8393523 40.9555087,20.452764 46.3897947,20.452764 C48.2657132,20.452764 50.0546928,20.7393522 51.690611,21.2557051 L44.6130598,8.18382304 C43.9273456,6.9411174 41.960815,4.36676434 40.2612231,4.36676434 L40.2404068,4.36676434 C39.075917,4.38158799 37.7375497,5.72682316 36.4751007,8.1541761 C35.9644884,9.13376434 34.7644884,9.50929375 33.795917,8.99664669 C32.8248966,8.48152916 32.4514272,7.27341139 32.960815,6.29382316 C34.992244,2.38535242 37.4302032,0.391587667 40.207346,0.364411196 C40.2244888,0.363175902 40.2428562,0.363175902 40.2612235,0.363175902 C44.7514276,0.363175902 47.7612234,5.65270502 48.0918356,6.25923443 L59.4955089,27.3197636 C59.5738762,27.4667636 59.6277538,27.6187048 59.6681619,27.7718812 L59.6681619,27.7718812 L59.6681619,27.7718812 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

87
data/images/recently-played.svg
View File

@@ -1,19 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="101px" height="101px" 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">
<title>recently-played</title>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="50%" cy="55.5052529%" fx="50%" fy="55.5052529%" r="55.5052519%" id="radialGradient-1">
<stop stop-color="rgb(83,147,174)" offset="0%"></stop>
<stop stop-color="rgb(80,193,251)" offset="100%"></stop>
</radialGradient>
<path d="M0.416038513,50.541996 C0.416038513,78.041996 22.792038,100.415997 50.2900391,100.415997 C77.7880402,100.415997 100.160038,78.041996 100.160038,50.541996 C100.157959,23.0419922 77.7879639,0.67199707 50.2900391,0.67199707 C22.7920399,0.67199707 0.416038513,23.0439968 0.416038513,50.541996 Z M0.416038513,50.541996" id="path-2"></path>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="Group" fill="rgb(0,0,0)">
<use id="Shape" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
<use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="recently-played" sketch:type="MSLayerGroup">
<g id="Page-1">
<g id="icon_History">
<g id="Layer_2"></g>
<g id="Layer_3"></g>
<g id="Layer_4"></g>
<g id="Layer_5"></g>
<g id="Layer_6"></g>
<g id="Layer_8"></g>
<g id="Layer_9"></g>
<g id="Layer_10"></g>
<g id="Layer_11"></g>
<g id="Layer_12"></g>
<g id="Layer_13"></g>
<g id="Layer_14"></g>
<g id="Layer_15"></g>
<g id="Layer_16"></g>
<g id="Layer_17"></g>
<g id="Layer_18"></g>
<g id="Layer_19"></g>
<g id="Layer_20"></g>
<g id="Layer_21"></g>
<g id="Layer_24"></g>
<g id="Layer_25"></g>
<g id="Layer_26"></g>
<g id="Layer_27"></g>
<g id="Layer_28"></g>
<g id="Layer_29"></g>
<g id="Layer_47"></g>
<g id="Layer_30"></g>
<g id="Layer_31"></g>
<g id="Layer_32"></g>
<g id="Layer_33"></g>
<g id="Layer_34"></g>
<g id="Layer_35"></g>
<g id="Layer_36"></g>
<g id="Layer_37"></g>
<g id="Layer_38"></g>
<g id="Layer_39"></g>
<g id="Layer_40"></g>
<g id="Layer_41"></g>
<g id="Layer_42"></g>
<g id="Layer_43"></g>
<g id="Layer_44"></g>
<g id="Layer_45"></g>
<g id="Layer_46" fill="#000000" sketch:type="MSShapeGroup">
<path d="M59.5,60 L33,30.5 L59.5,0 L0.5,0 L27,30.5 L0,60 L59.5,60 L59.5,60 Z" id="Shape"></path>
</g>
<g id="Layer_48"></g>
<g id="Layer_49"></g>
<g id="Layer_51"></g>
<g id="Layer_52"></g>
<g id="Layer_53"></g>
<g id="Layer_54"></g>
<g id="Layer_55"></g>
<g id="Layer_56"></g>
<g id="Layer_57"></g>
<g id="Layer_58"></g>
<g id="Layer_59"></g>
<g id="Layer_60"></g>
<g id="Layer_61"></g>
<g id="Layer_62"></g>
<g id="Layer_63"></g>
<g id="Layer_64"></g>
<g id="Layer_65"></g>
<g id="Layer_66"></g>
<g id="Layer_50"></g>
</g>
</g>
</g>
<path d="M51.5940001,51.37 L51.5940001,23.5840007 C51.5940001,21.9020007 50.2300001,20.5360006 48.5480001,20.5360006 C46.8660001,20.5360006 45.5,21.9040006 45.5,23.5840007 L45.5,55.436 C45.5,56.078 45.702,56.674 46.042,57.164 C46.692,58.5400001 48.0840001,59.5 49.7079999,59.5 L71.1160008,59.5 C73.3620009,59.5 75.180001,57.6799999 75.180001,55.4359999 C75.180001,53.1919998 73.3620932,51.37 71.1159995,51.37 L51.5940001,51.37 Z M51.5940001,51.37" id="Path" fill="rgb(254,255,254)"></path>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

20
data/images/search-icon.svg
View File

@@ -1,12 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="50px" height="50px" viewBox="0 0 50 50" 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">
<title>search-icon</title>
<svg width="61px" height="61px" viewBox="0 0 61 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<g id="search-icon" fill="rgb(0,0,0)">
<g id="Page 1" fill="rgb(214,215,214)">
<path d="M44.5068817,43.094368 L33.3141251,28.1858006 L32.5054436,28.1858006 L31.6926422,28.9975719 L30.4986801,27.3482742 C33.1523895,24.6585102 34.7944717,20.9684544 34.7944717,16.8972359 C34.7944717,8.68371964 28.111784,2 19.8972359,2 C11.6826897,2 5,8.68371964 5,16.8972359 C5,25.1128139 11.6826897,31.7955036 19.8972359,31.7955036 C22.3304901,31.7955036 24.62467,31.1959457 26.6571884,30.1585693 L28.1478386,31.8573132 L27.2505646,32.756649 L27.2505646,33.183136 C27.2505646,33.183136 38.2712822,47.0223923 38.9553146,47.7053909 C39.6383171,48.3904533 41.1753235,48.1329117 41.1753235,48.1329117 C41.1753235,48.1329117 43.3973923,46.8503532 44.5068817,45.7408638 C45.6163979,44.6303444 44.5068817,43.094368 44.5068817,43.094368 L44.5068817,43.094368 M10.2610798,16.8972282 C10.2610798,11.5867214 14.5836582,7.26208305 19.896225,7.26208305 C25.2098236,7.26208305 29.5313721,11.5856915 29.5313721,16.8972282 C29.5313721,22.2118568 25.2098236,26.5334053 19.896225,26.5334053 C14.583642,26.5344467 10.2610798,22.2128906 10.2610798,16.8972282 C10.2610798,16.8972282 10.2610798,22.2128906 10.2610798,16.8972282 L10.2610798,16.8972282" id="Shape" fill="rgb(154,155,154)"></path>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="search-icon" sketch:type="MSLayerGroup" transform="translate(4.000000, 1.000000)" fill="#000000">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="search-icon">
<g id="Page-1">
<g id="search-icon">
<g id="Page-1">
<path d="M52.3466183,52.7079938 L37.5162158,33.5861356 L36.4447128,33.5861356 L35.3677509,34.6273205 L33.7857511,32.5119169 C37.3019161,29.0620022 39.477675,24.3291046 39.477675,19.1073243 C39.477675,8.57259693 30.6231138,0 19.7388376,0 C8.85456385,0 0,8.57259693 0,19.1073243 C0,29.6446961 8.85456385,38.215972 19.7388376,38.215972 C22.9628994,38.215972 26.0026877,37.4469738 28.6957746,36.1164259 L30.6708861,38.2952496 L29.4819981,39.4487455 L29.4819981,39.9957614 C29.4819981,39.9957614 44.0844489,57.7461118 44.9907918,58.6221318 C45.8957702,59.5007988 47.9323036,59.1704737 47.9323036,59.1704737 C47.9323036,59.1704737 50.8765448,57.525453 52.3466183,56.1024123 C53.8167272,54.6780504 52.3466183,52.7079938 52.3466183,52.7079938 L52.3466183,52.7079938 M6.97093073,19.1073144 C6.97093073,12.2960122 12.6983471,6.74919348 19.7374981,6.74919348 C26.7780163,6.74919348 32.504068,12.2946913 32.504068,19.1073144 C32.504068,25.9239033 26.7780163,31.466759 19.7374981,31.466759 C12.6983256,31.4680947 6.97093073,25.9252292 6.97093073,19.1073144 C6.97093073,19.1073144 6.97093073,25.9252292 6.97093073,19.1073144 L6.97093073,19.1073144" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

120
data/images/station.svg
View File

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

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

92
data/images/subscribe-off.svg
View File

@@ -1,75 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="70px"
height="70px"
version="1.1"
id="svg2"
inkscape:version="0.48.4 r9939"
sodipodi:docname="subscribe-off.svg">
<metadata
id="metadata18">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview16"
showgrid="false"
inkscape:zoom="3.3714286"
inkscape:cx="35"
inkscape:cy="32.627119"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<title
id="title4">subscribe-off</title>
<description
id="description6">Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs
id="defs8" />
<g
id="Page 1"
transform="matrix(0,-1,1,0,-0.57640247,69.801604)"
style="fill:#d7d7d7;fill-rule:evenodd">
<g
id="subscribe-off"
style="fill:#000000">
<g
id="g12"
style="fill:#dedfde">
<g
id="g868"
style="fill:#000000">
<path
d="m 46.849998,19.600004 c 0,15.2138 -12.312999,27.595399 -27.446998,27.595399 l 0,6.546402 c 18.741798,-3e-6 33.9906,-15.318801 33.9906,-34.141801 l -6.543602,0 m -11.558399,0.0056 c 0,4.2798 -1.6548,8.2992 -4.660599,11.3148 -3.0002,3.0156 -6.9902,4.6788 -11.2392,4.6788 l 0,6.543599 c 12.376001,0 22.442001,-10.1122 22.442001,-22.537199 l -6.542198,0 -4e-6,0 m -11.372198,0.0294 c -2.5018,0 -4.530401,2.032801 -4.530401,4.534602 0,2.504598 2.028601,4.533199 4.530401,4.533199 2.503199,0 4.533199,-2.028601 4.533199,-4.533199 0,-2.501801 -2.03,-4.534602 -4.533199,-4.534602 M 34.612602,69.664001 C 15.5712,69.664001 0.13760042,54.227603 0.13760042,35.189006 0.13760042,16.146204 15.5712,0.71400452 34.612602,0.71400452 c 19.039997,0 34.474999,15.43219948 34.474999,34.47500148 0,19.038597 -15.435002,34.474995 -34.474999,34.474995"
id="path870"
inkscape:connector-curvature="0"
style="fill:#989797" />
<svg width="61px" height="61px" viewBox="0 0 61 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="subscribe-off" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)" fill="#989797">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="subscribe-off">
<g id="Page-1" transform="translate(30.368346, 29.827482) rotate(-90.000000) translate(-30.368346, -29.827482) translate(0.368346, -0.172518)">
<g id="subscribe-off">
<g id="g12">
<g id="g868">
<path d="M40.7391287,16.1739165 C40.7391287,29.4033078 30.032173,40.1699157 16.8721739,40.1699157 L16.8721739,45.8624391 C33.1693896,45.8624365 46.4292174,32.5417426 46.4292174,16.1739165 L40.7391287,16.1739165 M30.688347,16.1787861 C30.688347,19.9003513 29.2493904,23.3954817 26.6356522,26.0177426 C24.0267826,28.6400035 20.5572174,30.0862643 16.8624348,30.0862643 L16.8624348,35.7763504 C27.6241748,35.7763504 36.3772183,26.983133 36.3772183,16.1787861 L30.6883504,16.1787861 L30.688347,16.1787861 M20.7994791,16.2043513 C18.6240009,16.2043513 16.86,17.9720043 16.86,20.1474835 C16.86,22.3253948 18.6240009,24.0893957 20.7994791,24.0893957 C22.9761739,24.0893957 24.7413913,22.3253948 24.7413913,20.1474835 C24.7413913,17.9720043 22.9761739,16.2043513 20.7994791,16.2043513 M30.0979148,59.707827 C13.5401739,59.707827 0.119652539,46.2848722 0.119652539,29.7295704 C0.119652539,13.1706122 13.5401739,-0.248691722 30.0979148,-0.248691722 C46.6544339,-0.248691722 60.0761748,13.1706122 60.0761748,29.7295704 C60.0761748,46.2848722 46.6544339,59.707827 30.0979148,59.707827" id="path870"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

131
data/images/subscribe-on.svg
View File

@@ -1,104 +1,31 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="70px"
height="70px"
version="1.1"
id="svg2"
inkscape:version="0.48.4 r9939"
sodipodi:docname="subscribe-on.svg">
<metadata
id="metadata24">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="750"
id="namedview22"
showgrid="false"
inkscape:zoom="3.3714286"
inkscape:cx="35"
inkscape:cy="32.627119"
inkscape:window-x="0"
inkscape:window-y="-3"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<title
id="title4">subscribe-on</title>
<description
id="description6">Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs
id="defs8">
<radialGradient
cx="35.995116"
cy="30.403396"
fx="35.995116"
fy="30.403396"
r="68.949998"
id="radialGradient-1"
gradientUnits="userSpaceOnUse">
<stop
stop-color="rgb(250,211,103)"
offset="0%"
id="stop11" />
<stop
stop-color="rgb(237,119,51)"
offset="100%"
id="stop13" />
</radialGradient>
<path
d="M46.8499985,19.6000036 C46.8499985,34.813804 34.5369987,47.1954035 19.4029999,47.1954035 L19.4029999,53.7418054 C38.1447983,53.7418016 53.3936005,38.4230036 53.3936005,19.6000036 L46.8499985,19.6000036 M35.2915993,19.6056036 C35.2915993,23.885404 33.6367989,27.9048036 30.6310005,30.9204038 C27.6308002,33.936004 23.6408005,35.5992044 19.3917999,35.5992044 L19.3917999,42.1428026 C31.7678013,42.1428026 41.8338013,32.0306028 41.8338013,19.6056036 L35.2916031,19.6056036 L35.2915993,19.6056036 M23.9194012,19.6350034 C21.4176006,19.6350034 19.3889999,21.6678041 19.3889999,24.1696047 C19.3889999,26.6742033 21.4176006,28.702804 23.9194012,28.702804 C26.4225998,28.702804 28.4526005,26.6742033 28.4526005,24.1696047 C28.4526005,21.6678041 26.4225998,19.6350034 23.9194012,19.6350034 M34.6126022,69.6640009 C15.5712004,69.6640009 0.137600422,54.2276033 0.137600422,35.1890062 C0.137600422,16.1462044 15.5712004,0.714004517 34.6126022,0.714004517 C53.6525993,0.714004517 69.0876007,16.1462044 69.0876007,35.1890062 C69.0876007,54.2276033 53.6525993,69.6640009 34.6126022,69.6640009"
id="path-2" />
</defs>
<g
id="Page 1"
style="fill:#d7d7d7;fill-rule:evenodd"
transform="matrix(0,-1,1,0,-0.57640215,69.801603)">
<g
id="subscribe-off"
style="fill:#000000">
<g
id="g18"
style="fill:#dedfde">
<use
id="path870"
xlink:href="#path-2"
style="fill:url(#radialGradient-1)"
x="0"
y="0"
width="70"
height="70" />
<use
id="path870-1"
xlink:href="#path-2"
style="fill:none;stroke:none"
x="0"
y="0"
width="70"
height="70" />
</g>
<svg width="61px" height="61px" viewBox="0 0 61 61" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<radialGradient cx="52.0050985%" cy="43.0593083%" fx="52.0050985%" fy="43.0593083%" r="99.999994%" id="radialGradient-1">
<stop stop-color="#FAD367" offset="0%"></stop>
<stop stop-color="#ED7733" offset="100%"></stop>
</radialGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="subscribe-on" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="subscribe-on">
<g id="Page-1" transform="translate(30.368346, 29.827481) rotate(-90.000000) translate(-30.368346, -29.827481) translate(0.368346, -0.172519)">
<g id="subscribe-off">
<g id="g18">
<g id="path870" fill="url(#radialGradient-1)">
<path d="M40.7391291,16.1739162 C40.7391291,29.4033078 30.0321728,40.1699161 16.8721738,40.1699161 L16.8721738,45.8624395 C33.1693898,45.8624362 46.4292178,32.5417423 46.4292178,16.1739162 L40.7391291,16.1739162 M30.6883472,16.1787857 C30.6883472,19.9003513 29.2493903,23.3954814 26.6356526,26.0177424 C24.0267828,28.6400035 20.5572178,30.0862647 16.8624347,30.0862647 L16.8624347,35.7763501 C27.624175,35.7763501 36.3772185,26.9831329 36.3772185,16.1787857 L30.6883505,16.1787857 L30.6883472,16.1787857 M20.7994793,16.2043508 C18.6240005,16.2043508 16.8599999,17.9720036 16.8599999,20.1474823 C16.8599999,22.3253942 18.6240005,24.0893948 20.7994793,24.0893948 C22.9761737,24.0893948 24.7413917,22.3253942 24.7413917,20.1474823 C24.7413917,17.9720036 22.9761737,16.2043508 20.7994793,16.2043508 M30.097915,59.7078269 C13.5401743,59.7078269 0.119652541,46.2848724 0.119652541,29.7295706 C0.119652541,13.1706125 13.5401743,-0.248691724 30.097915,-0.248691724 C46.6544342,-0.248691724 60.0761745,13.1706125 60.0761745,29.7295706 C60.0761745,46.2848724 46.6544342,59.7078269 30.097915,59.7078269" id="path-2"></path>
</g>
<g id="path870-1" fill="#EFA55A">
<path d="M40.7391291,16.1739162 C40.7391291,29.4033078 30.0321728,40.1699161 16.8721738,40.1699161 L16.8721738,45.8624395 C33.1693898,45.8624362 46.4292178,32.5417423 46.4292178,16.1739162 L40.7391291,16.1739162 L40.7391291,16.1739162 Z M30.6883472,16.1787857 C30.6883472,19.9003513 29.2493903,23.3954814 26.6356526,26.0177424 C24.0267828,28.6400035 20.5572178,30.0862647 16.8624347,30.0862647 L16.8624347,35.7763501 C27.624175,35.7763501 36.3772185,26.9831329 36.3772185,16.1787857 L30.6883505,16.1787857 L30.6883472,16.1787857 L30.6883472,16.1787857 Z M20.7994793,16.2043508 C18.6240005,16.2043508 16.8599999,17.9720036 16.8599999,20.1474823 C16.8599999,22.3253942 18.6240005,24.0893948 20.7994793,24.0893948 C22.9761737,24.0893948 24.7413917,22.3253942 24.7413917,20.1474823 C24.7413917,17.9720036 22.9761737,16.2043508 20.7994793,16.2043508 L20.7994793,16.2043508 Z M0.119652541,29.7295706 C0.119652541,13.1706125 13.5401743,-0.248691724 30.097915,-0.248691724 C46.6544342,-0.248691724 60.0761745,13.1706125 60.0761745,29.7295706 C60.0761745,46.2848724 46.6544342,59.7078269 30.097915,59.7078269 C13.5401743,59.7078269 0.119652541,46.2848724 0.119652541,29.7295706 L0.119652541,29.7295706 Z" id="path-2"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

66
data/images/track-icon.svg
View File

@@ -1,50 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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"
id="svg2"
version="1.1"
inkscape:version="0.48.2 r9819"
width="100"
height="100"
xml:space="preserve"
sodipodi:docname="track-placeholder-grid.pdf"><metadata
id="metadata8"><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="defs6" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
showgrid="false"
inkscape:zoom="2.87625"
inkscape:cx="50"
inkscape:cy="50"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="g10" /><g
id="g10"
inkscape:groupmode="layer"
inkscape:label="track-placeholder-grid"
transform="matrix(1.25,0,0,-1.25,0,100)"><g
id="g12" /><g
id="g14"><path
d="M 0,0 80,0 80,80 0,80 0,0 z m 16.875,15.95375 c -1.15875,1.7176 -1.29938,4.0147 -0.39,6.3023 0.81375,2.0444 2.38875,3.952 4.44937,5.377 2.08876,1.4459 4.45313,2.2439 6.65813,2.2439 0.41062,0 0.79875,-0.038 1.18125,-0.0912 -0.0056,4.0489 -0.01312,8.09209 -0.02438,12.1258 -0.01125,4.9362 -0.02062,9.861 -0.02062,14.7782 0,0.8721 0.56062,1.6435 1.38375,1.9 l 27.74438,8.683 c 0.60187,0.1862 1.245,0.0779 1.74562,-0.2983 0.49875,-0.3743 0.795,-0.969 0.795,-1.5998 l 0,-0.9709 c 0.01125,-0.0665 0.01125,-0.133 0.01125,-0.2033 l 0,-30.267 c 0.5175,-1.2274 0.53625,-2.6752 0.14438,-4.1553 -0.09188,-0.6232 -0.25688,-1.254 -0.50813,-1.8867 -0.81375,-2.0444 -2.39437,-3.9539 -4.45125,-5.377 -2.08875,-1.4478 -4.45687,-2.2439 -6.65625,-2.2439 -2.4225,0 -4.39687,0.9443 -5.55562,2.6619 -1.15501,1.7176 -1.29938,4.0147 -0.39001,6.3004 0.81188,2.04439 2.3925,3.9558 4.45313,5.3789 2.085,1.4459 4.45313,2.242 6.65625,2.242 0.23062,0 0.45375,-0.0152 0.67312,-0.0342 0.16125,0.0228 0.32251,0.0513 0.48375,0.06079 l 0,20.09441 -21.32812,-6.67281 0,-23.93619 c 1.12312,-2.6657 -0.01688,-6.3574 -2.91,-9.2112 -0.10313,-0.1026 -0.21,-0.1919 -0.315,-0.2888 -0.12563,-0.1178 -0.25313,-0.2337 -0.38438,-0.3477 -0.12562,-0.1064 -0.26062,-0.2071 -0.38625,-0.3097 -0.28125,-0.2261 -0.54375,-0.4655 -0.84562,-0.6726 -2.09437,-1.4478 -4.45688,-2.2439 -6.66188,-2.2439 -2.42249,0 -4.395,0.9443 -5.55187,2.6619 z"
style="fill:#a8b5d0;fill-opacity:1;fill-rule:evenodd;stroke:none"
id="path16" /></g></g></svg>
<svg width="60px" height="60px" viewBox="0 0 60 60" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="track-icon" sketch:type="MSLayerGroup" transform="translate(-88.000000, -13.000000)">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="Path" transform="translate(92.000000, 13.000000)">
<g id="path-1-link" transform="translate(25.000000, 30.000000) scale(1, -1) translate(-25.000000, -30.000000) " fill="#000000">
<path d="M0.6602096,9.9473177 C1.5657243,12.2159302 3.3183333,14.3327396 5.6113247,15.9140215 C7.9356293,17.5184956 10.5666238,18.4040135 13.0202765,18.4040135 C13.4772011,18.4040135 13.9090996,18.361846 14.3347333,18.3028115 C14.3285018,22.7957606 14.3201338,27.2823735 14.307604,31.7584667 C14.2950854,37.2360273 14.2846587,42.7009378 14.2846587,48.1574147 C14.2846587,49.1251592 14.9084985,49.9811599 15.824451,50.2657906 L46.6975001,59.9010686 C47.3672415,60.1076895 48.0828958,59.987512 48.6399696,59.5700536 C49.1949624,59.1547035 49.5246199,58.4947819 49.5246199,57.7948011 L49.5246199,56.717421 C49.5371385,56.6436278 49.5371385,56.5698347 49.5371385,56.4918247 L49.5371385,22.9053961 C50.1129958,21.5433853 50.1338602,19.9368028 49.6977999,18.294378 C49.5955588,17.6028307 49.4119521,16.9028499 49.1323693,16.2007607 C48.2268546,13.9321482 46.4679917,11.8132304 44.1791622,10.2340568 C41.8548687,8.6274743 39.2197013,7.7440648 36.7723024,7.7440648 C34.0766227,7.7440648 31.8796076,8.7919276 30.590188,10.6978995 C29.3049303,12.6038713 29.14428,15.1528978 30.1561975,17.6892741 C31.0596313,19.9578755 32.8184942,22.0789128 35.1114966,23.6580863 C37.4316172,25.2625604 40.0667957,26.1459699 42.5183564,26.1459699 C42.7749829,26.1459699 43.0232747,26.1291029 43.2673826,26.1080192 C43.4468164,26.1333197 43.6262613,26.1649453 43.805684,26.1754761 L43.805684,48.4736711 L20.0724416,41.0690437 L20.0724416,14.5077348 C21.3222132,11.5496834 20.053658,7.4531089 16.8342876,4.2863283 C16.7195279,4.172476 16.6006064,4.0733823 16.4837658,3.9658551 C16.3439688,3.8351358 16.202091,3.7065249 16.0560402,3.5800223 C15.9162543,3.4619533 15.7660307,3.3502094 15.6262337,3.2363571 C15.3132678,2.9854603 15.0211663,2.719805 14.6852551,2.489992 C12.3547079,0.8834095 9.7257831,0 7.2721304,0 C4.5764619,0 2.3815165,1.0478628 1.094189,2.9538347 C-0.1952306,4.8598065 -0.3517191,7.408833 0.6602096,9.9473177 L0.6602096,9.9473177 Z" id="path-1"></path>
</g>
<path d="M0.6602096,9.9473177 C1.5657243,12.2159302 3.3183333,14.3327396 5.6113247,15.9140215 C7.9356293,17.5184956 10.5666238,18.4040135 13.0202765,18.4040135 C13.4772011,18.4040135 13.9090996,18.361846 14.3347333,18.3028115 C14.3285018,22.7957606 14.3201338,27.2823735 14.307604,31.7584667 C14.2950854,37.2360273 14.2846587,42.7009378 14.2846587,48.1574147 C14.2846587,49.1251592 14.9084985,49.9811599 15.824451,50.2657906 L46.6975001,59.9010686 C47.3672415,60.1076895 48.0828958,59.987512 48.6399696,59.5700536 C49.1949624,59.1547035 49.5246199,58.4947819 49.5246199,57.7948011 L49.5246199,56.717421 C49.5371385,56.6436278 49.5371385,56.5698347 49.5371385,56.4918247 L49.5371385,22.9053961 C50.1129958,21.5433853 50.1338602,19.9368028 49.6977999,18.294378 C49.5955588,17.6028307 49.4119521,16.9028499 49.1323693,16.2007607 C48.2268546,13.9321482 46.4679917,11.8132304 44.1791622,10.2340568 C41.8548687,8.6274743 39.2197013,7.7440648 36.7723024,7.7440648 C34.0766227,7.7440648 31.8796076,8.7919276 30.590188,10.6978995 C29.3049303,12.6038713 29.14428,15.1528978 30.1561975,17.6892741 C31.0596313,19.9578755 32.8184942,22.0789128 35.1114966,23.6580863 C37.4316172,25.2625604 40.0667957,26.1459699 42.5183564,26.1459699 C42.7749829,26.1459699 43.0232747,26.1291029 43.2673826,26.1080192 C43.4468164,26.1333197 43.6262613,26.1649453 43.805684,26.1754761 L43.805684,48.4736711 L20.0724416,41.0690437 L20.0724416,14.5077348 C21.3222132,11.5496834 20.053658,7.4531089 16.8342876,4.2863283 C16.7195279,4.172476 16.6006064,4.0733823 16.4837658,3.9658551 C16.3439688,3.8351358 16.202091,3.7065249 16.0560402,3.5800223 C15.9162543,3.4619533 15.7660307,3.3502094 15.6262337,3.2363571 C15.3132678,2.9854603 15.0211663,2.719805 14.6852551,2.489992 C12.3547079,0.8834095 9.7257831,0 7.2721304,0 C4.5764619,0 2.3815165,1.0478628 1.094189,2.9538347 C-0.1952306,4.8598065 -0.3517191,7.408833 0.6602096,9.9473177 L0.6602096,9.9473177 Z" id="path-1"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

31
data/images/user-avatar.svg
View File

@@ -1,19 +1,22 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="80px" height="80px" 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">
<title>user-avatar</title>
<svg width="80px" height="80px" viewBox="0 0 80 80" 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">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="-106.108398%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="rgb(254,255,254)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
<path d="M8.00005106,0 C3.58174486,0 0,3.5797863 0,8.00005106 L0,71.9999489 C0,76.4182551 3.5797863,80 8.00005106,80 L71.9999489,80 C76.4182551,80 80,76.4202137 80,71.9999489 L80,8.00005106 C80,3.58174486 76.4202137,0 71.9999489,0 L8.00005106,0 Z M8.00005106,0" id="Rectangle 1" fill="url(#linearGradient-1)"></path>
<g id="Group" fill="rgb(0,0,0)">
<path d="M28.4346637,57.8679126 C29.6329237,57.4256526 31.5645037,52.8883927 31.5645037,52.8883927 C31.3755036,52.7875927 31.1650837,52.7334127 30.9521437,52.7334127 L30.4594837,52.7334127 C30.3599436,52.7334127 30.2578837,52.7460127 30.1621236,52.7674327 C22.5013237,54.5805727 15.3798032,58.5231125 9.56490349,64.1716923 C9.31290349,64.4148723 9.17178349,64.7525523 9.17178349,65.1015722 L9.17178349,69.7358522 C9.17178349,70.4540522 9.75264348,71.0323923 10.4695835,71.0323923 L40.0480839,71.0323923 C37.7939551,59.4567554 28.4346637,57.8679126 28.4346637,57.8679126 L28.4346637,57.8679126 L28.4346637,57.8679126" id="Shape" fill="rgb(202,202,202)"></path>
<path d="M70.5287689,64.171604 C64.8423889,58.651544 57.902309,54.7556239 50.4393286,52.8933437 C50.2503286,52.7925437 50.0373886,52.7358437 49.8181486,52.7358437 L49.1415286,52.7358437 C48.9285886,52.7358437 48.7169086,52.7875037 48.5304286,52.8883037 L48.5316886,52.8883037 C48.5316886,52.8883037 50.4620085,57.4268237 51.6590087,57.8678236 C51.6590087,57.8678236 42.2997288,59.4566837 40.0481085,71.0323036 L69.6253497,71.0323036 C70.3422897,71.0323036 70.9218898,70.4539636 70.9218898,69.7357635 L70.9218898,65.1014835 C70.9218652,64.7525391 70.7795154,64.4147754 70.5287689,64.171604 C70.5287689,64.171604 70.7795154,64.4147754 70.5287689,64.171604 L70.5287689,64.171604" id="Shape" fill="rgb(202,202,202)"></path>
<path d="M28.4346637,19.3823877 C26.9781037,21.7184277 26.1238237,24.5131077 26.1238237,27.5207278 C26.1238237,29.1914878 26.3909437,30.7967277 26.8722637,32.2923478 C26.0381437,32.6854678 25.4572837,33.5725078 25.4572837,34.6031877 C25.4572837,35.9980077 26.5257636,37.1307478 27.8449836,37.1307478 L27.8865636,37.1307478 C28.1625036,40.8439678 29.9151636,44.5571879 32.5233637,47.1200278 L32.5233637,49.0465678 C32.5233637,49.1813878 32.5536037,49.3174678 32.6166037,49.4396878 C32.9605837,50.1150478 36.0916836,56.0370479 40.031704,56.118948 L40.108564,56.118948 L40.108564,56.118948 C44.0410241,56.118948 47.1418837,50.1163081 47.4820843,49.4321278 C47.5425643,49.3111678 47.5728043,49.1813878 47.5728043,49.0453078 L47.5728043,47.1200278 C50.1810042,44.5559277 51.9349242,40.8464877 52.2121242,37.1294879 L52.2537042,37.1294879 C53.5704041,37.1294879 54.6388842,35.9980079 54.6388842,34.6019278 C54.6388842,33.5712478 54.0580242,32.6854678 53.2251642,32.2910879 C53.7077442,30.7942079 53.9748643,29.1902279 53.9748643,27.5194679 C53.9748643,25.9961279 53.7556243,24.5282278 53.3524243,23.1434879 C53.8816243,24.2195278 54.2281243,25.2161878 54.5355643,25.881468 C54.7296043,26.296008 55.4578843,25.881468 55.4578843,25.881468 C56.8703444,19.7503078 51.7320643,15.9325081 51.7320643,15.9325081 C55.5801041,16.1618281 56.933344,17.920788 56.933344,17.920788 C53.6535641,12.259608 49.3078239,13.7615279 49.2813641,13.7716081 C43.3417238,5.27542802 30.1444844,11.0714282 30.1444844,11.0714282 C33.7531245,10.3872482 36.4117244,10.5182882 38.9090442,10.7828882 C26.7487842,10.1869082 24.0549048,22.6760284 24.0549048,22.6760284 C24.5160822,21.2068652 26.2448138,20.1485083 28.4346637,19.3823877 C28.4346637,19.3823877 26.2448138,20.1485083 28.4346637,19.3823877 L28.4346637,19.3823877" id="Shape" fill="rgb(202,202,202)"></path>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="user-avatar" sketch:type="MSLayerGroup">
<g id="Page-1" sketch:type="MSShapeGroup">
<g id="user-avatar">
<g id="Page-1">
<path d="M8.00005106,0 C3.58174486,0 0,3.5797863 0,8.00005106 L0,71.9999489 C0,76.4182551 3.5797863,80 8.00005106,80 L71.9999489,80 C76.4182551,80 80,76.4202137 80,71.9999489 L80,8.00005106 C80,3.58174486 76.4202137,0 71.9999489,0 L8.00005106,0 L8.00005106,0 Z" id="Rectangle-1" fill="#606060"></path>
<g id="Group" transform="translate(9.000000, 9.000000)" fill="#D4D4D4">
<path d="M19.4346637,48.8679126 C20.6329237,48.4256526 22.5645037,43.8883927 22.5645037,43.8883927 C22.3755036,43.7875927 22.1650837,43.7334127 21.9521437,43.7334127 L21.4594837,43.7334127 C21.3599436,43.7334127 21.2578837,43.7460127 21.1621236,43.7674327 C13.5013237,45.5805727 6.3798032,49.5231125 0.56490349,55.1716923 C0.31290349,55.4148723 0.17178349,55.7525523 0.17178349,56.1015722 L0.17178349,60.7358522 C0.17178349,61.4540522 0.75264348,62.0323923 1.4695835,62.0323923 L31.0480839,62.0323923 C28.7939551,50.4567554 19.4346637,48.8679126 19.4346637,48.8679126 L19.4346637,48.8679126" id="Shape"></path>
<path d="M61.5287689,55.171604 C55.8423889,49.651544 48.902309,45.7556239 41.4393286,43.8933437 C41.2503286,43.7925437 41.0373886,43.7358437 40.8181486,43.7358437 L40.1415286,43.7358437 C39.9285886,43.7358437 39.7169086,43.7875037 39.5304286,43.8883037 L39.5316886,43.8883037 C39.5316886,43.8883037 41.4620085,48.4268237 42.6590087,48.8678236 C42.6590087,48.8678236 33.2997288,50.4566837 31.0481085,62.0323036 L60.6253497,62.0323036 C61.3422897,62.0323036 61.9218898,61.4539636 61.9218898,60.7357635 L61.9218898,56.1014835 C61.9218652,55.7525391 61.7795154,55.4147754 61.5287689,55.171604 C61.5287689,55.171604 61.7795154,55.4147754 61.5287689,55.171604 L61.5287689,55.171604" id="Shape"></path>
<path d="M19.4346637,10.3823877 C17.9781037,12.7184277 17.1238237,15.5131077 17.1238237,18.5207278 C17.1238237,20.1914878 17.3909437,21.7967277 17.8722637,23.2923478 C17.0381437,23.6854678 16.4572837,24.5725078 16.4572837,25.6031877 C16.4572837,26.9980077 17.5257636,28.1307478 18.8449836,28.1307478 L18.8865636,28.1307478 C19.1625036,31.8439678 20.9151636,35.5571879 23.5233637,38.1200278 L23.5233637,40.0465678 C23.5233637,40.1813878 23.5536037,40.3174678 23.6166037,40.4396878 C23.9605837,41.1150478 27.0916836,47.0370479 31.031704,47.118948 L31.108564,47.118948 C35.0410241,47.118948 38.1418837,41.1163081 38.4820843,40.4321278 C38.5425643,40.3111678 38.5728043,40.1813878 38.5728043,40.0453078 L38.5728043,38.1200278 C41.1810042,35.5559277 42.9349242,31.8464877 43.2121242,28.1294879 L43.2537042,28.1294879 C44.5704041,28.1294879 45.6388842,26.9980079 45.6388842,25.6019278 C45.6388842,24.5712478 45.0580242,23.6854678 44.2251642,23.2910879 C44.7077442,21.7942079 44.9748643,20.1902279 44.9748643,18.5194679 C44.9748643,16.9961279 44.7556243,15.5282278 44.3524243,14.1434879 C44.8816243,15.2195278 45.2281243,16.2161878 45.5355643,16.881468 C45.7296043,17.296008 46.4578843,16.881468 46.4578843,16.881468 C47.8703444,10.7503078 42.7320643,6.9325081 42.7320643,6.9325081 C46.5801041,7.1618281 47.933344,8.920788 47.933344,8.920788 C44.6535641,3.259608 40.3078239,4.7615279 40.2813641,4.7716081 C34.3417238,-3.72457198 21.1444844,2.0714282 21.1444844,2.0714282 C24.7531245,1.3872482 27.4117244,1.5182882 29.9090442,1.7828882 C17.7487842,1.1869082 15.0549048,13.6760284 15.0549048,13.6760284 C15.5160822,12.2068652 17.2448138,11.1485083 19.4346637,10.3823877 C19.4346637,10.3823877 17.2448138,11.1485083 19.4346637,10.3823877 L19.4346637,10.3823877" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB