Include --verbose in --help

* Fixes TWK-1172

.gitignore

@@ -1,10 +1,12 @@
-qtcreator-build/*
+*-build/*
 build/*
 .directory
 *.a
 *.o
 ._*
 *.user
+*.swp
+*.swo
 Makefile*
 moc_*
 *~

AUTHORS

@@ -4,13 +4,17 @@ Tomahawk is primarily authored by:
 
 Contributors include:
 
-* Leo Franchi <lfranchi@kde.org>
-* Dominik Schmidt <dev@dominik-schmidt.de>
-* Jeff Mitchell <mitchell@kde.org>
-* J Herskowitz <jherskow@gmail.com>
+* Leo Franchi <lfranchi@tomahawk-player.org>
+* Dominik Schmidt <domme@tomahawk-player.org>
+* Jeff Mitchell <jeff@tomahawk-player.org>
+* J Herskowitz <j@tomahawk-player.org>
 * Alejandro Wainzinger <aikawarazuni@gmail.com>
+* Hugo Lindström <hugo@tomahawk-player.org>
+* Teo Mrnjavac <teo@kde.org>
+* Michael Zanetti <dreadhead@follefuder.org>
+* Christopher Reichert <christopher@tomahawk-player.org>
 
 Thanks to:
 
 * Harald Sitter <sitter@kde.org>
-* Steve Robertson
+* Syd Lawrence <syd@tomahawk-player.org>

CMakeLists.txt

@@ -12,13 +12,16 @@ SET( TOMAHAWK_APPLICATION_NAME  "Tomahawk" )
 SET( TOMAHAWK_DESCRIPTION_SUMMARY "The social media player" )
 
 SET( TOMAHAWK_VERSION_MAJOR 0 )
-SET( TOMAHAWK_VERSION_MINOR 5 )
-SET( TOMAHAWK_VERSION_PATCH 0 )
-
+SET( TOMAHAWK_VERSION_MINOR 6 )
+SET( TOMAHAWK_VERSION_PATCH 1 )
 #SET( TOMAHAWK_VERSION_RC 0 )
 
+SET( TOMAHAWK_TRANSLATION_LANGUAGES ar bg bn_IN ca cs de en el es fi fr hi_IN hu gl it ja lt pl pt_BR ru sv tr zh_CN zh_TW )
+
 # enforce proper symbol exporting on all platforms
 add_definitions( "-fvisibility=hidden" )
+# enforce using constBegin, constEnd for const-iterators
+add_definitions( "-DQT_STRICT_ITERATORS" )
 
 # build options
 option(BUILD_GUI "Build Tomahawk with GUI" ON)
@@ -35,8 +38,12 @@ IF( CMAKE_SYSTEM_PROCESSOR MATCHES "arm" )
 ENDIF()
 
 # add definitions based on build options
-IF(WITH_BREAKPAD)
+IF( WITH_BREAKPAD )
     message(STATUS "Build with support for breakpad.")
+    IF( CMAKE_COMPILER_IS_GNUCXX )
+        ADD_DEFINITIONS( -DSTDC_HEADERS -std=gnu++98 )
+#        SET(CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} -DSTDC_HEADERS -std=gnu++98" )
+    ENDIF()
 ENDIF()
 
 # generate version string
@@ -48,7 +55,7 @@ IF( TOMAHAWK_VERSION_RC )
 ENDIF()
 
 # additional info for non-release builds
-IF( NOT BUILD_RELEASE )
+IF( NOT BUILD_RELEASE AND EXISTS "${CMAKE_CURRENT_SOURCE_DIR}/.git/" )
     INCLUDE( CMakeDateStamp )
     SET( TOMAHAWK_VERSION_DATE "${CMAKE_DATESTAMP_YEAR}${CMAKE_DATESTAMP_MONTH}${CMAKE_DATESTAMP_DAY}" )
     IF( TOMAHAWK_VERSION_DATE GREATER 0)
@@ -101,8 +108,8 @@ if(PHONON_FOUND)
     message(STATUS "Phonon found; ensure that phonon-vlc is at least 0.4")
 endif()
 
-macro_optional_find_package(LibEchonest 1.2.1)
-macro_log_feature(LIBECHONEST_FOUND "Echonest" "Qt library for communicating with The Echo Nest" "http://projects.kde.org/libechonest" TRUE "" "libechonest 1.2.1 is needed for dynamic playlists and the infosystem")
+macro_optional_find_package(Echonest 2.0.0)
+macro_log_feature(ECHONEST_FOUND "Echonest" "Qt library for communicating with The Echo Nest" "http://projects.kde.org/libechonest" TRUE "" "libechonest 2.0.0 is needed for dynamic playlists and the infosystem")
 
 macro_optional_find_package(CLucene 0.9.23)
 macro_log_feature(CLucene_FOUND "CLucene" "The open-source, C++ search engine" "http://clucene.sf.net" TRUE "" "CLucene is used for indexing the collection")
@@ -119,16 +126,19 @@ macro_optional_find_package(Boost)
 macro_log_feature(Boost_FOUND "Boost" "Provides free peer-reviewed portable C++ source libraries" "http://www.boost.org" TRUE "" "") #FIXME: give useful explaination
 
 macro_optional_find_package(QCA2)
-macro_log_feature(QCA2_FOUND "QCA2" "Provides encryption and signing functions required for Grooveshark resolver" "http://delta.affinix.com/qca/" FALSE "" "")
+macro_log_feature(QCA2_FOUND "QCA2" "Provides encryption and signing functions required for Grooveshark resolver" "http://delta.affinix.com/qca/" TRUE "" "")
 
 macro_optional_find_package(LibAttica 0.4.0)
-macro_log_feature(LIBATTICA_FOUND "libattica" "Provides support for automatic fetching and managing of resolvers from the tomahawk website" "https://projects.kde.org/projects/kdesupport/attica" TRUE "" "")
+macro_log_feature(LIBATTICA_FOUND "libattica" "Provides support for installation of resolvers from the Tomahawk website" "https://projects.kde.org/projects/kdesupport/attica" TRUE "" "")
 
 macro_optional_find_package(QuaZip)
 macro_log_feature(QuaZip_FOUND "QuaZip" "Provides support for extracting downloaded resolvers automatically." "http://quazip.sourceforge.net/" TRUE "" "")
 
 macro_optional_find_package(Jreen 1.0.5)
 macro_log_feature(JREEN_FOUND "Jreen" "Qt XMPP Library" "http://qutim.org/jreen / https://github.com/euroelessar/jreen" FALSE "" "Jreen is needed for the Jabber SIP plugin.\n")
+if(PC_JREEN_VERSION STREQUAL "1.1.0")
+    message(FATAL_ERROR "Jreen 1.1.0 has a very annoying bug that breaks accepting auth requests in Tomahawk. Please upgrade to 1.1.1 or downgrade to 1.0.5.")
+endif()
 
 macro_optional_find_package(QTweetLib)
 macro_log_feature(QTWEETLIB_FOUND "QTweetLib" "Qt Twitter Library" "https://github.com/minimoog/QTweetLib" FALSE "" "QTweetLib is needed for the Twitter SIP plugin.\n")
@@ -136,6 +146,11 @@ macro_log_feature(QTWEETLIB_FOUND "QTweetLib" "Qt Twitter Library" "https://gith
 macro_optional_find_package(LibLastFm 1.0.0)
 macro_log_feature(LIBLASTFM_FOUND "liblastfm" "Qt library for the Last.fm webservices" "https://github.com/eartle/liblastfm" TRUE "" "liblastfm is needed for scrobbling tracks to Last.fm and fetching cover artwork")
 
+IF( WIN32 )
+    macro_optional_find_package(QtSparkle)
+    macro_log_feature(QTSPARKLE_FOUND "qtsparkle" "Library for creating auto updaters written in Qt" "https://github.com/davidsansome/qtsparkle" FALSE "" "")
+ENDIF( WIN32 )
+
 #### submodules start
 # automatically init submodules here, don't delete this code we may add submodules again
 
@@ -157,8 +172,8 @@ SET( LIBPORTFWD_LIBRARIES ${LIBPORTFWD_LIBRARY} )
 ADD_SUBDIRECTORY( ${THIRDPARTY_DIR}/libportfwd )
 
 # we need pthreads too
-#macro_optional_find_package(Threads)
-#macro_log_feature(THREADS_FOUND "Threads" "Threading Library" "" TRUE "" "Platform specific library for threading")
+macro_optional_find_package(Threads)
+macro_log_feature(THREADS_FOUND "Threads" "Threading Library" "" TRUE "" "Platform specific library for threading")
 
 macro_optional_find_package(KDE4)
 macro_optional_find_package(KDE4Installed)
@@ -178,10 +193,6 @@ ELSE()
     SET( CLEAN_C_FLAGS ${CMAKE_C_FLAGS} )
 ENDIF()
 
-IF( WIN32 )
-  find_library(QTSPARKLE_LIBRARIES qtsparkle)
-ENDIF( WIN32 )
-
 #show dep log
 macro_display_feature_log()
 
@@ -203,8 +214,9 @@ IF( NOT APPLE )
     SET( CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} -Wl,--no-undefined" )
 ENDIF( NOT APPLE )
 
-ADD_SUBDIRECTORY( thirdparty )
-ADD_SUBDIRECTORY( src/libtomahawk )
 SET( TOMAHAWK_LIBRARIES tomahawklib )
+
+ADD_SUBDIRECTORY( thirdparty )
 ADD_SUBDIRECTORY( src )
+ADD_SUBDIRECTORY( src/libtomahawk )
 ADD_SUBDIRECTORY( admin )

CMakeModules/COPYING-CMAKE-SCRIPTS

@@ -0,0 +1,22 @@
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions
+are met:
+
+1. Redistributions of source code must retain the copyright
+   notice, this list of conditions and the following disclaimer.
+2. Redistributions in binary form must reproduce the copyright
+   notice, this list of conditions and the following disclaimer in the
+   documentation and/or other materials provided with the distribution.
+3. The name of the author may not be used to endorse or promote products 
+   derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR
+IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
+OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
+IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT,
+INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
+NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
+THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

CMakeModules/FindCLucene.cmake

@@ -14,7 +14,7 @@ INCLUDE(CheckSymbolExists)
 INCLUDE(FindLibraryWithDebug)
 
 # try to locate a patched unstable version (for comp's sake *sigh*) first
-FIND_PACKAGE(CLuceneUnstable)
+FIND_PACKAGE(CLuceneUnstable QUIET)
 IF(CLUCENEUNSTABLE_FOUND)
     SET(CLucene_FOUND TRUE)
     SET(CLUCENE_INCLUDE_DIR ${CLUCENE_UNSTABLE_INCLUDE_DIRS})
@@ -41,6 +41,7 @@ SET(TRIAL_LIBRARY_PATHS
   /sw/lib${LIB_SUFFIX}
   /usr/pkg/lib${LIB_SUFFIX}
   /usr/lib64
+  /usr/lib/${CMAKE_LIBRARY_ARCHITECTURE}
   )
 SET(TRIAL_INCLUDE_PATHS
   $ENV{CLUCENE_HOME}/include

CMakeModules/FindEchonest.cmake

@@ -0,0 +1,36 @@
+# - Find libechonest
+# Find the libechonest includes and the libechonest libraries
+# This module defines
+# ECHONEST_INCLUDE_DIR, root echonest include dir. Include echonest includes with echonest/foo.h
+# ECHONEST_LIBRARIES, the path to libechonest
+# ECHONEST_FOUND, whether libechonest was found
+
+FIND_PACKAGE(PkgConfig QUIET)
+PKG_CHECK_MODULES(PC_ECHONEST QUIET libechonest)
+
+FIND_PATH(ECHONEST_INCLUDE_DIR NAMES echonest/Track.h
+    HINTS
+        ${PC_ECHONEST_INCLUDEDIR}
+        ${PC_ECHONEST_INCLUDE_DIRS}
+        ${CMAKE_INSTALL_INCLUDEDIR}
+        ${KDE4_INCLUDE_DIR}
+)
+
+FIND_LIBRARY(ECHONEST_LIBRARIES NAMES echonest
+    HINTS
+        ${PC_ECHONEST_LIBDIR}
+        ${PC_ECHONEST_LIBRARY_DIRS}
+        ${CMAKE_INSTALL_LIBDIR}
+        ${KDE4_LIB_DIR}
+)
+
+IF(ECHONEST_LIBRARIES AND ECHONEST_INCLUDE_DIR AND NOT PC_ECHONEST_VERSION)
+    MESSAGE(WARNING "You don't have pkg-config and so the libechonest version check does not work!")
+ENDIF()
+
+INCLUDE(FindPackageHandleStandardArgs)
+FIND_PACKAGE_HANDLE_STANDARD_ARGS(Echonest
+                                  REQUIRED_VARS ECHONEST_LIBRARIES ECHONEST_INCLUDE_DIR
+                                  VERSION_VAR PC_ECHONEST_VERSION)
+
+MARK_AS_ADVANCED(ECHONEST_INCLUDE_DIR ECHONEST_LIBRARIES)

CMakeModules/FindLibEchonest.cmake

@@ -1,42 +0,0 @@
-# - Find libechonest
-# Find the libechonest includes and the libechonest libraries
-# This module defines
-# LIBECHONEST_INCLUDE_DIR, root echonest include dir. Include echonest includes with echonest/foo.h
-# LIBECHONEST_LIBRARY, the path to libechonest
-# LIBECHONEST_FOUND, whether libechonest was found
-
-
-find_path(LIBECHONEST_INCLUDE_DIR NAMES echonest_export.h
-   HINTS
-   ~/usr/include
-   /opt/local/include
-   /usr/include
-   /usr/local/include
-   /opt/kde4/include
-   ${KDE4_INCLUDE_DIR}
-   PATH_SUFFIXES echonest
-)
-
-find_library( LIBECHONEST_LIBRARY NAMES echonest
-    PATHS
-    ~/usr/lib
-   /opt/local/lib
-   /usr/lib
-   /usr/lib64
-   /usr/local/lib
-   /opt/kde4/lib
-   ${KDE4_LIB_DIR}
-)
-
-
-if(LIBECHONEST_INCLUDE_DIR AND LIBECHONEST_LIBRARY)
-   set(LIBECHONEST_FOUND TRUE)
-   message(STATUS "Found libechonest: ${LIBECHONEST_INCLUDE_DIR}, ${LIBECHONEST_LIBRARY}")
-else(LIBECHONEST_INCLUDE_DIR AND LIBECHONEST_LIBRARY)
-   set(LIBECHONEST_FOUND FALSE)   
-   if (LIBECHONEST_FIND_REQUIRED)
-      message(FATAL_ERROR "Could NOT find required package libechonest")
-   endif(LIBECHONEST_FIND_REQUIRED)
-endif(LIBECHONEST_INCLUDE_DIR AND LIBECHONEST_LIBRARY)
-
-mark_as_advanced(LIBECHONEST_INCLUDE_DIR LIBECHONEST_LIBRARY)

CMakeModules/FindQtSparkle.cmake

@@ -0,0 +1,24 @@
+# - Find qtsparkle
+# Find the qtsparkle includes and the qtsparkle libraries
+# This module defines
+# QTSPARKLE_INCLUDE_DIR, root qtsparkle include dir. Include qtsparkle includes with qtsparkle/foo.h
+# QTSPARKLE_LIBRARY, the path to qtsparkle
+# QTSPARKLE_FOUND, whether qtsparkle was found
+
+FIND_PATH(QTSPARKLE_INCLUDE_DIR NAMES qtsparkle/Updater
+    HINTS
+        ${CMAKE_INSTALL_INCLUDEDIR}
+        ${KDE4_INCLUDE_DIR}
+)
+
+FIND_LIBRARY(QTSPARKLE_LIBRARIES NAMES qtsparkle
+    HINTS
+        ${CMAKE_INSTALL_LIBDIR}
+        ${KDE4_LIB_DIR}
+)
+
+INCLUDE(FindPackageHandleStandardArgs)
+FIND_PACKAGE_HANDLE_STANDARD_ARGS(QtSparkle
+                                  REQUIRED_VARS QTSPARKLE_LIBRARIES QTSPARKLE_INCLUDE_DIR)
+
+MARK_AS_ADVANCED(QTSPARKLE_INCLUDE_DIR QTSPARKLE_LIBRARIES)

CMakeModules/NSIS.template.in

@@ -309,6 +309,7 @@ Section "Tomahawk Player" SEC_TOMAHAWK_PLAYER
    File "${QT_DLL_PATH}\QtUiTools4.dll"
    File "${QT_DLL_PATH}\QtWebKit4.dll"
    File "${QT_DLL_PATH}\QtXml4.dll"
+   File "${QT_DLL_PATH}\QtSvg4.dll"
 
    ;SQLite driver
    SetOutPath "$INSTDIR\sqldrivers"
@@ -319,6 +320,7 @@ Section "Tomahawk Player" SEC_TOMAHAWK_PLAYER
    SetOutPath "$INSTDIR\imageformats"
    File "${IMAGEFORMATS_DLL_PATH}\qgif4.dll"
    File "${IMAGEFORMATS_DLL_PATH}\qjpeg4.dll"
+   File "${IMAGEFORMATS_DLL_PATH}\qsvg4.dll"
    SetOutPath "$INSTDIR"
 
    ;Cygwin/c++ stuff

ChangeLog

@@ -1,3 +1,78 @@
+Version 0.6.1:
+    * Improved stability.
+    * Improved UPnP detection and port-forwarding.
+    * Fixed scrolling behaviour of grid-views.
+    * Lots of small design tweaks and fixes.
+
+Version 0.6.0:
+    * Improved icon theme with vector graphics.
+    * Higher resolution artist and album images.
+    * You can now click artists, albums and tracks mentioned in artists'
+      biographies.
+    * New AudioControl logic - only enable Prev/Skip buttons if available.
+    * Added more options to right-click/context menus.
+    * Resolver source icon in Audiocontrols now supports being a link-back URL
+      to original source.
+    * Make friends' currently playing song (in sidebar) clickable.
+    * Improve MusicBrainz plugin to use normalized artist names and avoid
+      duplicate tracks.
+    * Access Control queries now stay on the bottom of the job view, removing
+      the tendency to jump away from the mouse.
+    * Improved random mode, preventing songs from being played in too rapid
+      succession.
+    * You can now choose between various view modes for your playlists.
+    * Nicer layout for the Artist, Album & Track pages.
+    * Follow HTTP redirects when fetching Playlists.
+    * Main menu can now be hidden and instead be shown as a toolbar button.
+    * Connectivity controls in the toolbar.
+    * Cleaned up settings dialog.
+    * Ability to sync Spotify Starred Tracks with Tomahawk's Loved Tracks.
+    * Remove YouTube resolver from plug-in directory on request of YouTube.
+    * Fixed iTunes m3u playlist support.
+    * Support dropping of new Soundcloud user, track, set & likes URLs.
+    * Added HotNewHipHop as available chart.
+    * Added iTunes as available source for New Releases.
+    * Updates and additions to translations including: Japanese, Bulgarian, 
+      Finnish, Russian, Arabic, Chinese, Swedish, Czech and more.
+    * (Linux) Allow disabling of playback notifications.
+
+Version 0.5.5:
+    * Changed the Spotify config dialog to indicate when the user
+      is logged in.
+    * Fixed bug where the wrong avatar could be shown for a user.
+    * Fixed shortcuts not working in the global search field on OS X.
+    * Fixed The Echo Nest stations.
+    * Code-signed executable on OS X for GateKeeper.
+    * Fixed logging in to Spotify when pressing return in the config dialog.
+    * Fixed queue not auto-collapsing when playing the last track.
+    * Fixed bug where album listings would fail to show up.
+    * Improved stability.
+    * Fixed bug where it was not possible to drop a mixture of resolved
+      and unresolved tracks onto a playlist.
+
+Version 0.5.4:
+    * Improved stability.
+    * Added support for Spotify album lookups.
+    * Fixed not always updating the database index after scanning.
+    * Fixed connection issue between Tomahawk peers.
+
+Version 0.5.3:
+    * Fixed broken artist names when importing Last.fm playback history.
+    * Fixed crash when filtering collections.
+
+Version 0.5.2:
+    * Fixed a crash when invalid results are coming back from a resolver or
+      are found in a playlist.
+
+Version 0.5.1:
+    * Fixed a few issues with automatic downloading and launching
+      of the Spotify account.
+    * Show an error message when not able to resolve a requested song.
+    * Fixed a few crash and freeze issues.
+    * Better detection of local networks for the Local Network connector.
+    * Don't prompt for access permission for your own accounts.
+    * (OS X) Fixed not being able to connect to Last.fm.
+
 Version 0.5.0:
     * SOCKS5 proxy support improvements for resolvers and more.
     * Initial Access Control support, allowing users to define who is able to
@@ -52,7 +127,7 @@ Version 0.4.0:
     * Fixed bug where filter text would be one step behind filter value.
     * Fixed bug where resolvers would enable themselves after auto-updating.
     * Fixed occasional crash when dropping tracks onto New Station item.
-    * Added jump-to-current-track support for search results page. 
+    * Added jump-to-current-track support for search results page.
     * Fixed non-resolving tracks when dragging from album view.
     * Fixed fetching album covers for albums with special characters.
     * Show errors and continue gracefully when resolved audio is not available.
@@ -77,7 +152,7 @@ Version 0.4.0:
     * Fixed out of sync Show/Hide menu items on OS X when hidden with cmd-h.
     * Fixed /Volumes directory not showing up on OS X.
     * Fixed startup crash on OS X.
- 
+
 Version 0.3.3:
     * Automatically load Super Collection tracks when no official release
       information is available.
@@ -89,7 +164,7 @@ Version 0.3.3:
     * Fixed dupe menu entry appearing on OS X.
     * Fixed invisible sidebar items on Linux.
 
-Version 0.3.2: 
+Version 0.3.2:
     * Improved syncing process, it's faster and more reliable now.
     * Fixed UPnP issues.
     * Fixed not updating collections and views after a collection changes.
@@ -143,7 +218,7 @@ Version 0.3.0:
     * Added YouTube resolver.
     * Fixed bug where going offline then online would not re-connect to many
       peers.
-    * Added support for auto-updating live XSPF playlists. 
+    * Added support for auto-updating live XSPF playlists.
     * Don't show an age of 41 years for tracks that have no age information.
     * Show config UI for resolvers that have them as soon as you add them.
     * Add support for Echo Nest Personal Catalogs and User Radio. Synchronize

README

@@ -1,51 +0,0 @@
-Compiling Tomahawk
-------------------
-
-    $ mkdir build && cd build
-    $ cmake ..
-    $ make
-
- Start the application on Linux:
-    $ ./tomahawk
- Start the application on OS X:
-    $ open tomahawk.app
-
-
-Detailed building instructions for Ubuntu
------------------------------------------
- See: http://wiki.tomahawk-player.org/mediawiki/index.php/Building_Ubuntu_Binary_on_Precise_(12.04)
-
-Detailed building instructions for OS X
----------------------------------------
- See: http://wiki.tomahawk-player.org/mediawiki/index.php/Building_OS_X_Application_Bundle_on_Snow_Leopard_(10.6)_and_Lion_(10.7)
-
-Doxygen Documentation
----------------------
- See: http://dev.tomahawk-player.org/api/classes.html
-
-
-Dependencies
-------------
-
-  CMake 2.8.6 - http://www.cmake.org/
-  Qt 4.7.0 - http://qt.nokia.com/
-  QJson 0.7.1 - http://qjson.sourceforge.net/
-  SQLite 3.6.22 - http://www.sqlite.org/
-  TagLib 1.6.2 - http://developer.kde.org/~wheeler/taglib.html
-  Boost 1.3 - http://www.boost.org/
-  CLucene 0.9.23 (0.9.21 will fail) - http://clucene.sourceforge.net/download.shtml
-  libechonest 1.2.1 - http://projects.kde.org/projects/playground/libs/libechonest/
-  Attica 0.4.0 - ftp://ftp.kde.org/pub/kde/stable/attica/
-  QuaZip 0.4.3 - http://quazip.sourceforge.net/
-
- The following dependencies are optional, but recommended:
-
-  Jreen 1.0.5 - http://qutim.org/jreen / https://github.com/euroelessar/jreen
-  QTweetLib 0.5.0 - https://github.com/minimoog/QTweetLib
-  liblastfm 1.0.1 - http://github.com/eartle/liblastfm/
-
- Third party libraries that we ship with our source:
-
-  MiniUPnP 1.6 - http://miniupnp.free.fr/
-
-Enjoy!

README.md

@@ -0,0 +1,67 @@
+Tomahawk
+========
+
+Compiling and running Tomahawk
+------------------------------
+
+Compile:
+
+    $ mkdir build && cd build
+    $ cmake ..
+    $ make
+
+Start the application on Linux:
+
+    $ ./tomahawk
+
+Start the application on OS X:
+
+    $ open tomahawk.app
+
+
+Detailed building instructions for Ubuntu
+-----------------------------------------
+See: http://wiki.tomahawk-player.org/index.php/Building_Binary_on_Ubuntu_Precise_(12.04)
+
+Detailed building instructions for OS X
+---------------------------------------
+See: http://wiki.tomahawk-player.org/index.php/Building_OS_X_Application_Bundle
+
+Doxygen Documentation
+---------------------
+See: http://dev.tomahawk-player.org/api/classes.html
+
+Dependencies
+------------
+
+Required dependencies:
+
+* CMake 2.8.6 - http://www.cmake.org/
+* Qt 4.7.0 - http://qt-project.org/
+* Phonon 4.6.0 - http://phonon.kde.org/
+* QJson 0.7.1 - http://qjson.sourceforge.net/
+* SQLite 3.6.22 - http://www.sqlite.org/
+* TagLib 1.6.2 - http://developer.kde.org/~wheeler/taglib.html
+* Boost 1.3 - http://www.boost.org/
+* CLucene 0.9.23 (0.9.21 will fail) - http://clucene.sourceforge.net/download.shtml
+* libechonest 2.0.0 - http://projects.kde.org/projects/playground/libs/libechonest/
+* Attica 0.4.0 - ftp://ftp.kde.org/pub/kde/stable/attica/
+* QuaZip 0.4.3 - http://quazip.sourceforge.net/
+* liblastfm 1.0.1 - https://github.com/lastfm/liblastfm/
+
+The following dependencies are optional, but recommended:
+
+* Jreen 1.0.5 (1.1.0 will fail, 1.1.1 is fine) - http://qutim.org/jreen/
+* QTweetLib 0.5.0 - https://github.com/minimoog/QTweetLib/
+
+Third party libraries that we ship with our source:
+
+* MiniUPnP 1.6 - http://miniupnp.free.fr/
+* Breakpad - http://code.google.com/p/google-breakpad/
+* Qocoa - https://github.com/mikemcquaid/Qocoa/
+* libqnetwm - http://code.google.com/p/libqnetwm/
+* libqxt (QxtWeb module) - http://libqxt.org/
+* SPMediaKeyTap - https://github.com/nevyn/SPMediaKeyTap/
+* kdSingleApplicationGuard - http://www.kdab.com/
+
+Enjoy!

TomahawkCPack.cmake

@@ -7,7 +7,7 @@ SET( CPACK_PACKAGE_FILE_NAME  tomahawk-${TOMAHAWK_VERSION} )    # Package file n
 # CPACK_GENERATOR   CPack generator to be used  STGZ;TGZ;TZ
 # CPACK_INCLUDE_TOPLEVEL_DIRECTORY    Controls whether CPack adds a top-level directory, usually of the form ProjectName-Version-OS, to the top of package tree.  0 to disable, 1 to enable
 # CPACK_INSTALL_CMAKE_PROJECTS    List of four values: Build directory, Project Name, Project Component, Directory in the package     /home/andy/vtk/CMake-bin;CMake;ALL;/
-SET( CPACK_PACKAGE_DESCRIPTION_FILE  "${CMAKE_SOURCE_DIR}/README" ) # File used as a description of a project     /path/to/project/ReadMe.txt
+SET( CPACK_PACKAGE_DESCRIPTION_FILE  "${CMAKE_SOURCE_DIR}/README.md" ) # File used as a description of a project     /path/to/project/ReadMe.txt
 SET( CPACK_PACKAGE_DESCRIPTION_SUMMARY  ${TOMAHAWK_DESCRIPTION_SUMMARY} ) #  Description summary of a project
 # CPACK_PACKAGE_EXECUTABLES   List of pairs of executables and labels. Used by the NSIS generator to create Start Menu shortcuts.     ccmake;CMake
 SET( CPACK_PACKAGE_INSTALL_DIRECTORY  ${TOMAHAWK_APPLICATION_NAME} )     # Installation directory on the target system -> C:\Program Files\fellody

admin/mac/Info.plist

@@ -24,6 +24,10 @@
 	<string>Tomahawk</string>
 	<key>LSMinimumSystemVersion</key>
 	<string>10.5.0</string>
+	<key>NSPrincipalClass</key>
+	<string>NSApplication</string>
+	<key>NSHighResolutionCapable</key>
+	<true />
 	<key>SUFeedURL</key>
 	<string>http://download.tomahawk-player.org/sparkle/update.php</string>
 	<key>SUPublicDSAKeyFile</key>

admin/mac/build-release-osx.sh

@@ -45,6 +45,9 @@ VERSION=$1
     header "Creating DMG"
     cd ..
 
+    header "Signing bundle"
+    codesign -s "Developer ID Application: Leonardo Franchi" -f -v ./Tomahawk.app
+
     $ROOT/../admin/mac/create-dmg.sh Tomahawk.app
     mv Tomahawk.dmg Tomahawk-$VERSION.dmg
     

admin/mac/macdeploy.py

@@ -28,9 +28,6 @@ FRAMEWORK_SEARCH_PATH=[
 
 LIBRARY_SEARCH_PATH=['/usr/local/lib', '/usr/local/Cellar/gettext/0.18.1.1/lib', '.']
 
-LIBSPOTIFY_VERSION = commands.getoutput("brew ls -version libspotify | tr -s \" \" \"\\\\012\" | tail -n 1").strip()
-LIBSPOTIFY_PATH = "/usr/local/lib/libspotify.%s.dylib" % LIBSPOTIFY_VERSION
-
 VLC_PLUGINS=[
   'libaccess_attachment_plugin.dylib',
   #'libaccess_avio_plugin.dylib',
@@ -198,6 +195,7 @@ QT_PLUGINS = [
     'imageformats/libqgif.dylib',
     'imageformats/libqico.dylib',
     'imageformats/libqjpeg.dylib',
+    'imageformats/libqsvg.dylib',
     'imageformats/libqmng.dylib',
 ]
 
@@ -219,7 +217,7 @@ TOMAHAWK_PLUGINS = [
 ]
 
 QT_PLUGINS_SEARCH_PATH=[
-    '/usr/local/Cellar/qt/4.8.2/plugins',
+    '/usr/local/Cellar/qt/4.8.4/plugins',
 ]
 
 
@@ -512,11 +510,6 @@ try:
 except:
   print 'Failed to find tomahawk_crash_reporter'
 
-try:
-  FixPlugin(LIBSPOTIFY_PATH, "../Frameworks")
-except:
-  print "Failed to copy libspotify from os: %s" % LIBSPOTIFY_PATH
-
 for plugin in QT_PLUGINS:
   FixPlugin(FindQtPlugin(plugin), os.path.dirname(plugin))
 

admin/unix/tomahawk.desktop

@@ -3,9 +3,12 @@ Type=Application
 Version=1.0
 Name=Tomahawk
 GenericName=Music Player
+GenericName[de]=Musik Player
+GenericName[fi]=Musiikkisoitin
 TryExec=tomahawk
 Exec=tomahawk %u
 Comment=Tomahawk - Social Music Player
+Comment[fi]=Tomahawk – sosiaalinen musiikkisoitin
 Icon=tomahawk
 Terminal=false
 Categories=Qt;AudioVideo;Audio;Player;

admin/win/Toolchain-mingw32-openSUSE.cmake

@@ -5,11 +5,9 @@ SET(CMAKE_SYSTEM_NAME Windows)
 
 
 # specify the cross compiler
-SET(CMAKE_C_COMPILER ccache ${MINGW_PREFIX}-gcc)
-SET(CMAKE_C_FLAGS "-fno-keep-inline-dllexport")
-SET(CMAKE_CXX_COMPILER ccache ${MINGW_PREFIX}-g++)
-SET(CMAKE_CXX_FLAGS ${CMAKE_C_FLAGS})
-SET(CMAKE_RC_COMPILER /usr/bin/${MINGW_PREFIX}-windres)
+SET(CMAKE_C_COMPILER ${MINGW_PREFIX}-gcc)
+SET(CMAKE_CXX_COMPILER ${MINGW_PREFIX}-g++)
+SET(CMAKE_RC_COMPILER ${MINGW_PREFIX}-windres)
 
 # where is the target environment containing libraries
 SET(CMAKE_FIND_ROOT_PATH  /usr/${MINGW_PREFIX}/sys-root/mingw)
@@ -18,6 +16,19 @@ SET(CMAKE_FIND_ROOT_PATH_MODE_INCLUDE  ONLY)
 SET(CMAKE_FIND_ROOT_PATH_MODE_PROGRAM  NEVER)
 
 
-# configure qt variables
-SET(QT_LIBRARY_DIR  /usr/${MINGW_PREFIX}/bin)
-SET(QT_PLUGINS_DIR  ${CMAKE_FIND_ROOT_PATH}/lib/qt4/plugins/)
+## configure qt variables
+# generic
+SET(QMAKESPEC               win32-g++-cross)
+
+# dirs
+SET(QT_LIBRARY_DIR          /usr/${MINGW_PREFIX}/bin)
+SET(QT_PLUGINS_DIR          ${CMAKE_FIND_ROOT_PATH}/lib/qt4/plugins)
+SET(QT_MKSPECS_DIR          ${CMAKE_FIND_ROOT_PATH}/share/qt4/mkspecs)
+SET(QT_QT_INCLUDE_DIR       ${CMAKE_FIND_ROOT_PATH}/include)
+
+# qt tools
+SET(QT_QMAKE_EXECUTABLE     ${MINGW_PREFIX}-qmake )
+SET(QT_MOC_EXECUTABLE       ${MINGW_PREFIX}-moc)
+SET(QT_RCC_EXECUTABLE       ${MINGW_PREFIX}-rcc)
+SET(QT_UIC_EXECUTABLE       ${MINGW_PREFIX}-uic)
+SET(QT_LRELEASE_EXECUTABLE  ${MINGW_PREFIX}-lrelease)

admin/win/update-vlc.sh

@@ -49,10 +49,33 @@ tar xvjf pvlc.tar.bz2
 #     libtaglib_plugin.dll
 
 
-# this is for vlc-1.2
-# rm -rvf video_*/ gui/ */libold* */libvcd* */libdvd* */liblibass* */libx264* */libschroe* */liblibmpeg2* \
-#      */libstream_out_* */libmjpeg_plugin* */libh264_plugin* */libzvbi_plugin* */lib*sub* \
-#      services_discover/ visualization/ control/ misc/
+# this is for vlc-2.x
+rm -rvf \
+    video_*/ \
+    gui/ \
+    **/libold* \
+    **/libvcd* \
+    **/libdvd* \
+    **/liblibass* \
+    **/libx264* \
+    **/libschroe* \
+    **/liblibmpeg2* \
+    **/libstream_out_* \
+    **/libmjpeg_plugin* \
+    **/libh264_plugin* \
+    **/libzvbi_plugin* \
+    **/lib*sub* \
+    services_discovery/ \
+    visualization/ \
+    control/ \
+    misc/ \
+    **/libi420* \
+    **/libi422* \
+    mux/ \
+    stream_filter/ \
+    **/libtheora_plugin* \
+    **/liblibbluray_plugin* \
+    **/libdtv_plugin*
 
 
 echo "Downloaded and stripped VLC"

data/icons/tomahawk-icon.svg

@@ -1,80 +1,101 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="606.2478"
-   height="595.49866"
-   viewBox="0 0 606.24779 595.49863"
-   enable-background="new 0 0 841.89 595.28"
-   xml:space="preserve"
-   inkscape:version="0.48.2 r9819"
-   sodipodi:docname="tomahawk-icon.svg"><metadata
-   id="metadata15"><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><defs
-   id="defs13" /><sodipodi:namedview
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1"
-   objecttolerance="10"
-   gridtolerance="10"
-   guidetolerance="10"
-   inkscape:pageopacity="0"
-   inkscape:pageshadow="2"
-   inkscape:window-width="1440"
-   inkscape:window-height="794"
-   id="namedview11"
-   showgrid="false"
-   inkscape:zoom="1"
-   inkscape:cx="431.12548"
-   inkscape:cy="336.94553"
-   inkscape:window-x="0"
-   inkscape:window-y="0"
-   inkscape:window-maximized="0"
-   inkscape:current-layer="Layer_1"
-   inkscape:snap-page="false"
-   fit-margin-top="0"
-   fit-margin-left="0"
-   fit-margin-right="0"
-   fit-margin-bottom="0"><sodipodi:guide
-     position="-3.5728101e-05,-1.501866e-05"
-     orientation="0,841.89001"
-     id="guide2994" /><sodipodi:guide
-     position="841.88997,-1.501866e-05"
-     orientation="-595.28003,0"
-     id="guide2996" /><sodipodi:guide
-     position="841.88997,595.28001"
-     orientation="0,-841.89001"
-     id="guide2998" /><sodipodi:guide
-     position="-3.5728101e-05,595.28001"
-     orientation="595.28003,0"
-     id="guide3000" /></sodipodi:namedview>
-<g
-   id="g3"
-   transform="matrix(7.3080643,0,0,7.1790074,-2773.1692,-1839.0104)">
-	<g
-   id="g5">
-		<path
-   d="m 420.947,265.168 c -17.911,0 -32.477,14.565 -32.477,32.472 0,17.906 14.565,32.476 32.477,32.476 2.568,0 5.06,-0.318 7.459,-0.888 v -28.011 l -22.338,15.806 c -0.198,0.135 -0.444,0.213 -0.681,0.213 -0.184,0 -0.372,-0.039 -0.541,-0.136 -0.396,-0.202 -0.642,-0.608 -0.642,-1.043 v -37.053 c 0,-0.435 0.246,-0.845 0.642,-1.053 0.396,-0.193 0.864,-0.159 1.222,0.092 l 22.338,15.807 v -16.028 h 0.951 8.945 v 47.234 c 9.076,-5.764 15.121,-15.888 15.121,-27.417 10e-4,-17.905 -14.569,-32.471 -32.476,-32.471 z"
-   id="path7"
-   inkscape:connector-curvature="0"
-   style="fill:none" />
-		<path
-   d="m 420.947,256.165 c -22.874,0 -41.48,18.606 -41.48,41.475 0,22.87 18.606,41.475 41.48,41.475 22.869,0 41.476,-18.605 41.476,-41.475 0,-22.869 -18.607,-41.475 -41.476,-41.475 z m 17.356,68.892 v -47.234 h -8.945 -0.951 v 16.028 l -22.338,-15.807 c -0.357,-0.251 -0.826,-0.285 -1.222,-0.092 -0.396,0.208 -0.642,0.618 -0.642,1.053 v 37.053 c 0,0.435 0.246,0.841 0.642,1.043 0.169,0.097 0.357,0.136 0.541,0.136 0.236,0 0.482,-0.078 0.681,-0.213 l 22.338,-15.806 v 28.011 c -2.399,0.569 -4.891,0.888 -7.459,0.888 -17.911,0 -32.477,-14.57 -32.477,-32.476 0,-17.906 14.565,-32.472 32.477,-32.472 17.906,0 32.477,14.565 32.477,32.472 -0.001,11.528 -6.046,21.652 -15.122,27.416 z"
-   id="path9"
-   inkscape:connector-curvature="0"
-   style="fill:#e63e30" />
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.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="606.248px" height="595.5px" viewBox="0 0 606.248 595.5" enable-background="new 0 0 606.248 595.5" xml:space="preserve">
+<g id="Layer_3">
+	<rect x="-20.376" y="-15.75" stroke="#E63E30" stroke-miterlimit="10" width="688" height="700"/>
+</g>
+<g id="Layer_2">
+	<path id="path9_1_" inkscape:connector-curvature="0" fill="none" stroke="#E63E30" stroke-miterlimit="10" d="M429.977,493.576
+		V154.483h-65.371h-6.949v115.065L194.409,156.07c-2.608-1.802-6.036-2.046-8.93-0.661c-2.895,1.493-4.692,4.437-4.692,7.56v266.003
+		c0,3.123,1.798,6.037,4.692,7.488c1.234,0.695,2.608,0.977,3.953,0.977c1.725,0,3.522-0.561,4.977-1.529l163.248-113.472v201.091
+		c-17.532,4.084-35.744,6.375-54.511,6.375c-130.896,0-237.345-104.598-237.345-233.146c0-128.547,106.442-233.117,237.345-233.117
+		c130.858,0,237.344,104.562,237.344,233.116C540.482,379.515,496.305,452.197,429.977,493.576L429.977,493.576z"/>
+	<ellipse fill="#FFFFFF" stroke="#E63E30" stroke-miterlimit="10" cx="318.624" cy="295.75" rx="286" ry="270.5"/>
+</g>
+<g id="Layer_1" sodipodi:docname="tomahawk-icon.svg" inkscape:version="0.48.2 r9819" 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape">
+	
+		<sodipodi:namedview  fit-margin-bottom="0" fit-margin-right="0" inkscape:snap-page="false" inkscape:current-layer="Layer_1" inkscape:window-maximized="0" inkscape:window-y="0" inkscape:window-x="0" inkscape:window-height="794" inkscape:window-width="1440" inkscape:pageshadow="2" inkscape:pageopacity="0" fit-margin-left="0" fit-margin-top="0" inkscape:cy="336.94553" inkscape:cx="431.12548" inkscape:zoom="1" showgrid="false" guidetolerance="10" gridtolerance="10" objecttolerance="10" bordercolor="#666666" pagecolor="#ffffff" borderopacity="1" id="namedview11">
+		<sodipodi:guide  orientation="0,841.89001" position="-3.5728101e-05,-1.501866e-05" id="guide2994"></sodipodi:guide>
+		<sodipodi:guide  orientation="-595.28003,0" position="841.88997,-1.501866e-05" id="guide2996"></sodipodi:guide>
+		<sodipodi:guide  orientation="0,-841.89001" position="841.88997,595.28001" id="guide2998"></sodipodi:guide>
+		<sodipodi:guide  orientation="595.28003,0" position="-3.5728101e-05,595.28001" id="guide3000"></sodipodi:guide>
+	</sodipodi:namedview>
+	<g id="g3_1_" transform="matrix(7.3080643,0,0,7.1790074,-2773.1692,-1839.0104)">
+		<g>
+			<g enable-background="new    ">
+				<g>
+					<polygon fill="#4C1410" points="430.355,293.516 429.444,293.909 429.416,279.061 430.323,277.603 					"/>
+				</g>
+				<g>
+					<polygon fill="#4C1410" points="430.428,328.913 429.507,326.921 429.457,300.757 430.371,300.856 					"/>
+				</g>
+				<g enable-background="new    ">
+					<defs>
+						<path id="SVGID_1_" enable-background="new    " d="M440.229,324.595l-1.574-1.692c2.083-1.367,3.987-2.983,5.669-4.803
+							c1.678-1.816,3.136-3.836,4.332-6.018c1.194-2.177,2.127-4.516,2.758-6.973c0.63-2.454,0.959-5.028,0.945-7.679
+							c-0.022-4.114-0.867-8.035-2.377-11.605c-1.51-3.571-3.686-6.797-6.372-9.519c-2.69-2.726-5.895-4.949-9.458-6.505
+							c-3.573-1.561-7.51-2.454-11.652-2.511c-4.16-0.058-8.14,0.731-11.777,2.212c-3.65,1.486-6.953,3.668-9.739,6.386
+							c-2.795,2.728-5.069,5.995-6.649,9.637c-1.584,3.651-2.47,7.677-2.486,11.907c-0.016,4.236,0.842,8.276,2.405,11.95
+							c1.563,3.673,3.829,6.974,6.627,9.736c2.794,2.757,6.114,4.973,9.791,6.483c3.666,1.506,7.683,2.31,11.88,2.251
+							c0.601-0.008,1.197-0.036,1.787-0.08c0.59-0.045,1.176-0.107,1.756-0.186c0.58-0.079,1.154-0.174,1.723-0.286
+							c0.569-0.111,1.132-0.238,1.689-0.379l0.921,1.992c-0.597,0.152-1.201,0.288-1.81,0.408c-0.61,0.12-1.226,0.223-1.847,0.308
+							c-0.622,0.085-1.249,0.153-1.883,0.201c-0.634,0.049-1.272,0.078-1.917,0.088c-4.502,0.068-8.811-0.79-12.745-2.404
+							c-3.946-1.618-7.511-3.994-10.51-6.951c-3.004-2.963-5.437-6.506-7.115-10.448c-1.678-3.944-2.599-8.28-2.58-12.827
+							c0.018-4.54,0.971-8.86,2.673-12.777c1.698-3.907,4.139-7.409,7.141-10.333c2.99-2.913,6.534-5.249,10.45-6.838
+							c3.9-1.583,8.167-2.424,12.626-2.357c4.439,0.066,8.656,1.027,12.483,2.703c3.815,1.671,7.247,4.055,10.127,6.976
+							c2.875,2.916,5.205,6.373,6.822,10.198c1.616,3.824,2.522,8.023,2.548,12.43c0.016,2.84-0.335,5.597-1.008,8.226
+							c-0.674,2.633-1.672,5.139-2.949,7.472c-1.279,2.338-2.839,4.504-4.636,6.452C444.498,321.393,442.46,323.127,440.229,324.595
+							z"/>
+					</defs>
+					<clipPath id="SVGID_2_">
+						<use xlink:href="#SVGID_1_"  overflow="visible"/>
+					</clipPath>
+					<g clip-path="url(#SVGID_2_)" enable-background="new    ">
+						<path fill="#4D1510" d="M440.229,324.595l-1.574-1.692c2.083-1.367,3.987-2.983,5.669-4.803
+							c1.678-1.816,3.136-3.836,4.332-6.018c1.194-2.177,2.127-4.516,2.758-6.973c0.63-2.454,0.959-5.028,0.945-7.679
+							c-0.022-4.114-0.867-8.035-2.377-11.605c-1.51-3.571-3.686-6.797-6.372-9.519c-2.69-2.726-5.895-4.949-9.458-6.505
+							c-3.573-1.561-7.51-2.454-11.652-2.511c-4.16-0.058-8.14,0.731-11.777,2.212c-3.65,1.486-6.953,3.668-9.739,6.386
+							c-2.795,2.728-5.069,5.995-6.649,9.637c-1.584,3.651-2.47,7.677-2.486,11.907c-0.016,4.236,0.842,8.276,2.405,11.95
+							c1.563,3.673,3.829,6.974,6.627,9.736c2.794,2.757,6.114,4.973,9.791,6.483c3.666,1.506,7.683,2.31,11.88,2.251
+							c0.601-0.008,1.197-0.036,1.787-0.08c0.59-0.045,1.176-0.107,1.756-0.186c0.58-0.079,1.154-0.174,1.723-0.286
+							c0.569-0.111,1.132-0.238,1.689-0.379l0.921,1.992c-0.597,0.152-1.201,0.288-1.81,0.408c-0.61,0.12-1.226,0.223-1.847,0.308
+							c-0.622,0.085-1.249,0.153-1.883,0.201c-0.634,0.049-1.272,0.078-1.917,0.088c-4.502,0.068-8.811-0.79-12.745-2.404
+							c-3.946-1.618-7.511-3.994-10.51-6.951c-3.004-2.963-5.437-6.506-7.115-10.448c-1.678-3.944-2.599-8.28-2.58-12.827
+							c0.018-4.54,0.971-8.86,2.673-12.777c1.698-3.907,4.139-7.409,7.141-10.333c2.99-2.913,6.534-5.249,10.45-6.838
+							c3.9-1.583,8.167-2.424,12.626-2.357c4.439,0.066,8.656,1.027,12.483,2.703c3.815,1.671,7.247,4.055,10.127,6.976
+							c2.875,2.916,5.205,6.373,6.822,10.198c1.616,3.824,2.522,8.023,2.548,12.43c0.016,2.84-0.335,5.597-1.008,8.226
+							c-0.674,2.633-1.672,5.139-2.949,7.472c-1.279,2.338-2.839,4.504-4.636,6.452C444.498,321.393,442.46,323.127,440.229,324.595
+							"/>
+					</g>
+				</g>
+				<g>
+					<path fill="#E53E30" d="M422.903,256.08c5.658,0.108,11.029,1.353,15.897,3.504c4.85,2.143,9.21,5.189,12.868,8.915
+						c3.65,3.717,6.608,8.117,8.662,12.983c2.053,4.864,3.208,10.204,3.247,15.808c0.04,5.613-1.043,10.98-3.039,15.883
+						c-2.002,4.92-4.927,9.381-8.565,13.159c-3.654,3.795-8.032,6.904-12.92,9.095c-4.913,2.202-10.344,3.478-16.073,3.588
+						c-5.761,0.111-11.281-0.966-16.325-3.014c-5.064-2.056-9.641-5.088-13.494-8.871c-3.862-3.792-6.988-8.332-9.143-13.388
+						c-2.155-5.058-3.333-10.622-3.302-16.455c0.032-5.822,1.266-11.358,3.463-16.374c2.19-4.998,5.333-9.474,9.191-13.203
+						c3.84-3.711,8.385-6.68,13.4-8.69C411.761,257.022,417.213,255.972,422.903,256.08z M440.229,324.595
+						c2.231-1.468,4.269-3.201,6.069-5.154c1.796-1.948,3.356-4.114,4.636-6.452c1.277-2.334,2.274-4.84,2.949-7.472
+						c0.673-2.629,1.024-5.386,1.008-8.226c-0.025-4.407-0.931-8.606-2.548-12.43c-1.617-3.826-3.947-7.282-6.822-10.198
+						c-2.88-2.922-6.312-5.305-10.127-6.976c-3.827-1.676-8.044-2.637-12.483-2.703c-4.458-0.067-8.726,0.775-12.626,2.357
+						c-3.916,1.589-7.46,3.925-10.45,6.838c-3.001,2.924-5.443,6.426-7.141,10.333c-1.702,3.917-2.655,8.237-2.673,12.777
+						c-0.018,4.547,0.902,8.884,2.58,12.827c1.678,3.942,4.111,7.485,7.115,10.448c2.999,2.957,6.563,5.333,10.51,6.951
+						c3.934,1.613,8.243,2.471,12.745,2.404c0.644-0.01,1.283-0.039,1.917-0.088c0.633-0.049,1.261-0.116,1.883-0.201
+						c0.622-0.085,1.237-0.188,1.847-0.308c0.609-0.12,1.213-0.256,1.81-0.408l-0.057-28.056l-22.413,16.004
+						c-0.051,0.034-0.104,0.065-0.16,0.092c-0.056,0.027-0.113,0.05-0.172,0.069c-0.059,0.019-0.119,0.033-0.179,0.043
+						c-0.06,0.01-0.121,0.016-0.18,0.016c-0.047,0.001-0.094-0.001-0.141-0.006c-0.047-0.005-0.094-0.012-0.14-0.023
+						c-0.046-0.011-0.092-0.024-0.137-0.041c-0.045-0.017-0.089-0.037-0.132-0.061c-0.1-0.05-0.191-0.114-0.271-0.187
+						c-0.08-0.074-0.149-0.157-0.205-0.249c-0.056-0.091-0.1-0.19-0.13-0.294s-0.045-0.212-0.045-0.322l0.06-37.332
+						c0-0.109,0.016-0.216,0.046-0.319c0.03-0.103,0.074-0.201,0.13-0.292c0.056-0.091,0.125-0.175,0.205-0.249
+						c0.08-0.074,0.17-0.138,0.27-0.189c0.043-0.02,0.087-0.038,0.131-0.053s0.09-0.028,0.135-0.037
+						c0.046-0.01,0.091-0.017,0.137-0.022c0.046-0.005,0.092-0.007,0.138-0.006c0.061,0.001,0.122,0.006,0.183,0.015
+						c0.06,0.01,0.12,0.024,0.178,0.042c0.058,0.018,0.116,0.042,0.171,0.069c0.055,0.027,0.109,0.059,0.161,0.095l22.346,15.897
+						l-0.033-15.913l0.94,0.009l8.801,0.081L440.229,324.595"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

data/images/account-none.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="55px" height="55px" 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-none</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <radialGradient cx="50%" cy="42.571189%" fx="50%" fy="42.571189%" r="57.428813%" id="radialGradient-1">
+            <stop stop-color="rgb(113,114,112)" offset="0%"></stop>
+            <stop stop-color="rgb(60,60,60)" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <g id="g430" fill="rgb(0,0,0)">
+            <path d="M6.25636752,11.5187741 C4.20816486,14.5775092 3,18.3321999 3,22.3856982 C3,31.7567891 9.30999994,39.4618424 17.6929998,40.778919 L17.6929998,49.303531 C17.6929998,50.1410367 18.2039998,50.8957889 18.9839998,51.2088565 C19.2339998,51.3085596 19.4939998,51.356417 19.7519999,51.356417 C20.3029999,51.356417 20.8429998,51.1360733 21.2399999,50.7242996 L22.9542104,48.9393602 L30.5949994,40.98331 L35.5949994,40.98331 C45.0989991,40.98331 52.8309995,32.6411552 52.8309995,22.385698 C52.8319998,12.131227 45.0989981,3.78908268 35.5950003,3.78908268 L20.2360001,3.78908268 C14.488848,3.78908268 9.3896678,6.83958098 6.25636752,11.5187741 Z M6.25636752,11.5187741" id="path432" fill="url(#radialGradient-1)"></path>
+        </g>
+    </g>
+</svg>

data/images/account-offline.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="55px" height="55px" 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-offline</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <radialGradient cx="50%" cy="40.9965298%" fx="50%" fy="40.9965298%" r="132.924116%" id="radialGradient-1">
+            <stop stop-color="rgb(254,255,254)" offset="0%"></stop>
+            <stop stop-color="rgb(178,177,177)" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <g id="g430" fill="rgb(0,0,0)">
+            <path d="M6.25636752,11.5187741 C4.20816486,14.5775092 3,18.3321999 3,22.3856982 C3,31.7567891 9.30999994,39.4618424 17.6929998,40.778919 L17.6929998,49.303531 C17.6929998,50.1410367 18.2039998,50.8957889 18.9839998,51.2088565 C19.2339998,51.3085596 19.4939998,51.356417 19.7519999,51.356417 C20.3029999,51.356417 20.8429998,51.1360733 21.2399999,50.7242996 L22.9542104,48.9393602 L30.5949994,40.98331 L35.5949994,40.98331 C45.0989991,40.98331 52.8309995,32.6411552 52.8309995,22.385698 C52.8319998,12.131227 45.0989981,3.78908268 35.5950003,3.78908268 L20.2360001,3.78908268 C14.488848,3.78908268 9.3896678,6.83958098 6.25636752,11.5187741 Z M6.25636752,11.5187741" id="path432" stroke="rgb(0,0,0)" stroke-width="0.25" fill="url(#radialGradient-1)"></path>
+        </g>
+    </g>
+</svg>

data/images/account-online.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="55px" height="55px" 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-online</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="g430" fill="rgb(113,175,250)">
+            <path d="M5.25636752,11.5187741 C3.20816486,14.5775092 2,18.3321999 2,22.3856982 C2,31.7567891 8.30999994,39.4618424 16.6929998,40.778919 L16.6929998,49.303531 C16.6929998,50.1410367 17.2039998,50.8957889 17.9839998,51.2088565 C18.2339998,51.3085596 18.4939998,51.356417 18.7519999,51.356417 C19.3029999,51.356417 19.8429998,51.1360733 20.2399999,50.7242996 L21.9542104,48.9393602 L29.5949994,40.98331 L34.5949994,40.98331 C44.0989991,40.98331 51.8309995,32.6411552 51.8309995,22.385698 C51.8319998,12.131227 44.0989981,3.78908268 34.5950003,3.78908268 L19.2360001,3.78908268 C13.488848,3.78908268 8.3896678,6.83958098 5.25636752,11.5187741 Z M5.25636752,11.5187741" id="path432"></path>
+        </g>
+    </g>
+</svg>

data/images/account-settings.svg

@@ -0,0 +1,14 @@
+<?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>
+    <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>
+    </g>
+</svg>

data/images/add-contact.svg

@@ -0,0 +1,20 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/add.svg

@@ -0,0 +1,10 @@
+<?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>
+    <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>
+</svg>

data/images/advanced-settings.svg

@@ -0,0 +1,16 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/album-icon.svg

@@ -0,0 +1,20 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/album-placeholder-grid.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="400px" height="400px" 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>
+        <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="M201,260 C234.137087,260 261,233.137087 261,200 C261,166.862913 234.137087,140 201,140 C167.862913,140 141,166.862913 141,200 C141,233.137087 167.862913,260 201,260 Z M200.5,377 C102.469452,377 23,297.530548 23,199.5 C23,101.469452 102.469452,22 200.5,22 C298.530548,22 378,101.469452 378,199.5 C378,297.530548 298.530548,377 200.5,377 Z M200.5,377" id="path-2"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M0,0 L0,400 L400,400 L400,0 L0,0 Z M0,0" id="Rectangle 1" fill="rgb(0,0,0)"></path>
+        <g id="Group">
+            <use id="Oval 1" 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="M201,260 C167.862913,260 141,233.137087 141,200 C141,166.862913 167.862913,140 201,140 C234.137087,140 261,166.862913 261,200 C261,233.137087 234.137087,260 201,260 Z M201.5,226 C216.135547,226 228,214.359404 228,200 C228,185.640596 216.135547,174 201.5,174 C186.864453,174 175,185.640596 175,200 C175,214.359404 186.864453,226 201.5,226 Z M201.5,226" id="Oval 2" stroke="rgb(150,150,150)" stroke-width="1" fill="rgb(137,137,137)"></path>
+        </g>
+    </g>
+</svg>

data/images/apply-check.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="51px" 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>Slice 1</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <g id="Group" fill="rgb(0,0,0)">
+            <path d="M46,0.75402832 L5.24000168,0.75402832 C2.78800178,0.75402832 0.791001797,2.74902833 0.791001797,5.2030282 L0.791001797,44.8820291 C0.791001797,47.3350291 2.78800178,49.3320289 5.24000168,49.3320289 L46,49.3320289 C48.4519999,49.3320289 50.4489999,47.3350289 50.4489999,44.8820291 L50.4489999,5.2030282 C50.4489746,2.74902344 48.4520264,0.75402832 46,0.75402832 L46,0.75402832 L46,0.75402832 M46.5689697,44.881958 C46.5689697,45.197958 46.3149697,45.451958 45.9999697,45.451958 L5.2399714,45.451958 C4.9249714,45.451958 4.67097139,45.197958 4.67097139,44.881958 L4.67097139,5.20295715 C4.67097139,4.88895714 4.9249714,4.63095713 5.2399714,4.63095713 L46,4.63095713 C46.315,4.63095713 46.569,4.88895711 46.569,5.20295715 L46.569,44.881958 L46.569,44.881958 L46.5689697,44.881958" id="Shape" fill="rgb(62,115,0)"></path>
+            <path d="M39.992981,11.0159912 C39.112981,10.3459912 37.857981,10.5139912 37.1889811,11.3919912 L20.0559816,33.827992 L13.6759815,26.2839919 C12.9629815,25.4409919 11.6999816,25.3349919 10.8579814,26.0479919 C10.0139815,26.7619919 9.90898144,28.0239918 10.6219814,28.865992 L18.6079815,38.3099922 C18.9889815,38.7599922 19.5469815,39.0189922 20.1349815,39.0189922 C20.1519815,39.0189922 20.1679815,39.0189922 20.1849815,39.0179922 C20.7899815,39.0029922 21.3569815,38.7139922 21.7249814,38.2329922 L40.3689805,13.8199921 C41.0390015,12.94104 40.8709717,11.6870117 39.992981,11.0159912 C39.992981,11.0159912 40.8709717,11.6870117 39.992981,11.0159912 L39.992981,11.0159912" id="Shape" fill="rgb(62,115,0)"></path>
+        </g>
+    </g>
+</svg>

data/images/arrow-down-double.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="45px" height="45px" viewBox="0 0 45 45" 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>arrow-down-double</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="arrow-up-double" fill="rgb(0,0,0)" transform="translate(22.000000, 23.500000) rotate(-180.000000) translate(-22.000000, -23.500000)">
+            <g id="Page 1" fill="rgb(222,223,222)">
+                <g id="Group" fill="rgb(0,0,0)">
+                    <path d="M3.48530778,39.7090464 L40.6463071,39.7090464 C41.8023053,39.7090464 42.8623067,39.0600481 43.3873082,38.0280466 C43.6143056,37.5890474 43.7243062,37.1090479 43.7243062,36.6310472 C43.7243062,35.9940462 43.5243054,35.3570452 43.1353055,34.8230448 L24.5533067,9.24104548 C23.9743062,8.44204569 23.0483056,7.9720459 22.0633069,7.9720459 C21.0783063,7.9720459 20.1523057,8.44404554 19.5743066,9.24104548 L0.993306841,34.8230448 C0.313306834,35.7580462 0.218306865,37.0010462 0.742306854,38.0280466 C1.2672902,39.0601206 2.32832536,39.7090464 3.48530778,39.7090464 C3.48530778,39.7090464 2.32832536,39.7090464 3.48530778,39.7090464 L3.48530778,39.7090464" id="Shape" fill="rgb(99,100,99)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/images/arrow-right-double.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="45px" height="45px" viewBox="0 0 45 45" 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>arrow-right-double</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="arrow-up-double" fill="rgb(0,0,0)" transform="translate(22.000000, 22.500000) rotate(-270.000000) translate(-22.000000, -22.500000)">
+            <g id="Page 1" fill="rgb(222,223,222)">
+                <g id="Group" fill="rgb(0,0,0)">
+                    <path d="M3.76020197,38.3028483 L40.9212013,38.3028483 C42.0771995,38.3028483 43.1372009,37.65385 43.6622024,36.6218485 C43.8891998,36.1828494 43.9992004,35.7028498 43.9992004,35.2248492 C43.9992004,34.5878481 43.7991996,33.9508471 43.4101997,33.4168467 L24.8282009,7.83484741 C24.2492004,7.03584762 23.3231998,6.56584783 22.3382011,6.56584783 C21.3532005,6.56584783 20.4271999,7.03784748 19.8492008,7.83484741 L1.26820104,33.4168467 C0.588201029,34.3518481 0.49320106,35.5948481 1.01720105,36.6218485 C1.5421844,37.6539225 2.60321955,38.3028483 3.76020197,38.3028483 C3.76020197,38.3028483 2.60321955,38.3028483 3.76020197,38.3028483 L3.76020197,38.3028483" id="Shape" fill="rgb(99,100,99)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/images/arrow-up-double.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="42px" height="42px" 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>arrow-up-double</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <g id="Group" fill="rgb(0,0,0)">
+            <path d="M2.35400391,38.0279541 L39.5150032,38.0279541 C40.6710032,38.0279541 41.7310033,37.3789541 42.2560031,36.3469541 C42.4830031,35.9079541 42.5930032,35.4279541 42.5930032,34.9499542 C42.5930032,34.3129541 42.3930032,33.6759541 42.0040032,33.1419542 L23.4220024,7.55995345 C22.8430024,6.76095343 21.9170024,6.2909534 20.9320024,6.2909534 C19.9470024,6.2909534 19.0210024,6.7629534 18.4430023,7.55995345 L-0.137997031,33.1419542 C-0.817997038,34.0769542 -0.912997007,35.3199542 -0.388997018,36.3469541 C0.135986328,37.3790283 1.19702148,38.0279541 2.35400391,38.0279541 C2.35400391,38.0279541 1.19702148,38.0279541 2.35400391,38.0279541 L2.35400391,38.0279541" id="Shape" fill="rgb(100,100,100)"></path>
+        </g>
+    </g>
+</svg>

data/images/artist-icon.svg

@@ -0,0 +1,9 @@
+<?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>
+    <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>
+</svg>

data/images/artist-placeholder-grid.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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>artist-placeholder-grid</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="artist-placeholder" fill="rgb(0,0,0)">
+            <g id="Page 1" fill="rgb(214,215,214)">
+                <path d="M0,200 L200,200 L200,0 L0,0 L0,200 Z M0,200" id="Rectangle 4" fill="rgb(0,0,0)"></path>
+                <path d="M187,78 C187,76 185,74 182,74 L125,73 L107,16 C106,14 104,13 102,13 C99,13 98,14 97,16 L78,73 L21,74 C19,74 17,76 16,78 C16,80 16,83 18,84 L63,120 L47,178 C46,180 47,182 49,184 C51,185 53,185 55,184 L102,149 L149,184 C149,184 150,185 152,185 C153,185 154,184 155,184 C156,182 157,180 156,178 L140,120 L185,84 C187,83 188,80 187,78 C187,78 188,80 187,78 L187,78 M131,114 C129,115 128,117 129,120 L142,166 L105,138 C103,137 101,137 99,138 L61,166 L74,120 C75,117 74,115 73,114 L36,85 L82,84 C84,84 86,82 87,80 L102,34 L117,80 C117,82 119,84 122,84 L167,85 L131,114" id="Shape" fill="rgb(254,254,254)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

data/images/automatic-playlist.svg

@@ -0,0 +1,16 @@
+<?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">
+    <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>
+        </g>
+    </g>
+</svg>

data/images/back-pressed.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="122px" height="122px" 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>back-pressed</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="rgb(37,41,44)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" stop-opacity="0.5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M61,106 C85.852815,106 106,85.852815 106,61 C106,36.147185 85.852815,16 61,16 C36.147185,16 16,36.147185 16,61 C16,85.852815 36.147185,106 61,106 Z M61,121 C27.8629134,121 1,94.1370866 1,61 C1,27.8629134 27.8629134,1 61,1 C94.1370866,1 121,27.8629134 121,61 C121,94.1370866 94.1370866,121 61,121 Z M72.020667,47.866611 C72.5906846,47.4418988 73.3484729,47.3820274 73.9739682,47.7088251 C74.602506,48.0362617 74.9981666,48.6973776 75,49.4182771 L75,72.5816226 C75,73.3019496 74.603731,73.963029 73.9751875,74.2898267 C73.7063342,74.4307738 73.4155337,74.5 73.1241236,74.5 C72.7357801,74.5 72.3474365,74.3758917 72.0212766,74.1332881 L64.3385355,68.4243067 L64.3385355,72.5816224 C64.3385355,73.3019495 63.9416569,73.9630288 63.3131133,74.2898265 C63.0448697,74.4307736 62.7534596,74.4999998 62.4620495,74.4999998 C62.0737059,74.4999998 61.6853623,74.3758915 61.3598121,74.1332879 L45.773639,62.5513035 C45.2865329,62.1895808 45,61.6126956 45,60.9983907 C45,60.3847096 45.2877523,59.8072007 45.773639,59.4467253 L61.3598121,47.8666109 C61.9298299,47.4418986 62.6870084,47.3820273 63.3125037,47.708825 C63.941657,48.0362464 64.3379259,48.6973257 64.3379259,49.4189 L64.3379259,53.5737213 Z M72.020667,47.866611" id="path-2"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M61,121 C94.1370866,121 121,94.1370866 121,61 C121,27.8629134 94.1370866,1 61,1 C27.8629134,1 1,27.8629134 1,61 C1,94.1370866 27.8629134,121 61,121 Z M61,121" id="Oval 18" stroke="rgb(150,150,150)" stroke-width="1" fill-opacity="0.00241268382" fill="rgb(254,255,254)"></path>
+        <use id="Oval 33" stroke="rgb(150,150,150)" stroke-width="1" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+        <use id="Oval 33-1" stroke="none" fill="none" xlink:href="#path-2"></use>
+    </g>
+</svg>

data/images/back-rest.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="122px" height="122px" 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>back-rest</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="rgb(37,41,44)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" stop-opacity="0.5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M61,106 C85.852815,106 106,85.852815 106,61 C106,36.147185 85.852815,16 61,16 C36.147185,16 16,36.147185 16,61 C16,85.852815 36.147185,106 61,106 Z M61,121 C27.8629134,121 1,94.1370866 1,61 C1,27.8629134 27.8629134,1 61,1 C94.1370866,1 121,27.8629134 121,61 C121,94.1370866 94.1370866,121 61,121 Z M72.020667,47.866611 C72.5906846,47.4418988 73.3484729,47.3820274 73.9739682,47.7088251 C74.602506,48.0362617 74.9981666,48.6973776 75,49.4182771 L75,72.5816226 C75,73.3019496 74.603731,73.963029 73.9751875,74.2898267 C73.7063342,74.4307738 73.4155337,74.5 73.1241236,74.5 C72.7357801,74.5 72.3474365,74.3758917 72.0212766,74.1332881 L64.3385355,68.4243067 L64.3385355,72.5816224 C64.3385355,73.3019495 63.9416569,73.9630288 63.3131133,74.2898265 C63.0448697,74.4307736 62.7534596,74.4999998 62.4620495,74.4999998 C62.0737059,74.4999998 61.6853623,74.3758915 61.3598121,74.1332879 L45.773639,62.5513035 C45.2865329,62.1895808 45,61.6126956 45,60.9983907 C45,60.3847096 45.2877523,59.8072007 45.773639,59.4467253 L61.3598121,47.8666109 C61.9298299,47.4418986 62.6870084,47.3820273 63.3125037,47.708825 C63.941657,48.0362464 64.3379259,48.6973257 64.3379259,49.4189 L64.3379259,53.5737213 Z M72.020667,47.866611" id="path-2"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M61,121 C94.1370866,121 121,94.1370866 121,61 C121,27.8629134 94.1370866,1 61,1 C27.8629134,1 1,27.8629134 1,61 C1,94.1370866 27.8629134,121 61,121 Z M61,121" id="Oval 18" stroke="rgb(150,150,150)" stroke-width="1" fill-opacity="0.5027861" fill="rgb(254,255,254)"></path>
+        <use id="Oval 33" stroke="rgb(150,150,150)" stroke-width="1" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+        <use id="Oval 33-1" stroke="none" fill="none" xlink:href="#path-2"></use>
+    </g>
+</svg>

data/images/back.svg

@@ -0,0 +1,16 @@
+<?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>back</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="rgb(37,41,44)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" stop-opacity="0.5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M2,23.6164666 C2,24.3104666 2.331,24.9594667 2.89099997,25.3654666 L22.791999,39.8204665 C23.1939991,40.1134665 23.675999,40.2324665 24.153999,40.2134665 L24.153999,40.2134665 L24.156999,40.2134665 C24.300999,40.2054665 24.442999,40.1924665 24.582999,40.1564665 C24.741999,40.1234665 24.894999,40.0734665 25.044999,39.9974665 C25.768999,39.6294665 26.224999,38.8834665 26.224999,38.0704665 L26.223999,28.6624665 L45.7469997,28.6624665 C48.5349998,28.6624665 50.7919998,26.4044666 50.7919998,23.6154665 C50.7909998,20.8304665 48.5349998,18.5704665 45.7479996,18.5704665 L26.2249989,18.5704665 L26.2239989,14.4574666 L26.2239989,9.16146655 C26.2239989,8.97946655 26.1929989,8.80346654 26.1499989,8.63346655 C26.1369989,8.58446655 26.1219989,8.53646655 26.1069989,8.49046654 C26.0629989,8.35746654 26.0069989,8.23146654 25.9409989,8.11146654 C25.9199989,8.07446653 25.9039989,8.03746653 25.8809989,8.00346653 C25.7969989,7.87046653 25.7009989,7.74446653 25.5909989,7.63346653 C25.5809989,7.62446653 25.5699989,7.61946653 25.5599989,7.61146653 C25.4099989,7.46446653 25.2369989,7.33546653 25.0429989,7.23646653 C24.3189989,6.86746654 23.4479989,6.93346652 22.7909988,7.41246653 L2.8909992,21.8684669 C2.33099365,22.2754022 2,22.9245721 2,23.6164666 C2,23.6164666 2,22.9245721 2,23.6164666 L2,23.6164666" id="path-2"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <use id="Shape" stroke="rgb(150,150,150)" stroke-width="1" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+        <use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
+    </g>
+</svg>

data/images/cancel.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="72px" height="72px" viewBox="0 0 72 72" 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>cancel</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.0006494,5 C19.4588542,5 6,18.4575567 6,34.9993506 C6,51.5411446 19.4588529,65 36.0006494,65 C52.5424458,65 66,51.5411471 66,34.9993506 C66,18.4575542 52.5424817,5 36.0006494,5 L36.0006494,5 L36.0006494,5 M36.0006494,59.4371165 C30.6479766,59.4371165 25.6960729,57.7017454 21.6650312,54.7718478 L55.4775297,20.2615692 C58.5851148,24.3626478 60.435918,29.467596 60.435918,34.9992532 C60.4372204,48.4738244 49.4751158,59.4371165 36.0006494,59.4371165 L36.0006494,59.4371165 L36.0006494,59.4371165 M36.0006494,10.5615996 C41.6620053,10.5615996 46.8733072,12.5018949 51.0210775,15.744367 L17.0555343,50.4128779 C13.6249988,46.2041493 11.5640833,40.8385064 11.5640833,34.9981654 C11.5628117,21.5236251 22.5275287,10.5615996 36.0006494,10.5615996 C36.0006494,10.5615996 22.5275287,10.5615996 36.0006494,10.5615996 L36.0006494,10.5615996" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

data/images/charts.svg

@@ -0,0 +1,16 @@
+<?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>
+    <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>
+    </g>
+</svg>

data/images/close.svg

@@ -0,0 +1,53 @@
+<?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="55"
+   height="62.5"
+   xml:space="preserve"
+   sodipodi:docname="close.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="4.602"
+     inkscape:cx="27.5"
+     inkscape:cy="31.25"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g10" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="close"
+     transform="matrix(1.25,0,0,-1.25,0,62.5)"><g
+       id="g12" /><g
+       id="g14"><path
+         d="m 3.354004,32.02795 37.160996,0 c 1.156,0 2.216,-0.649 2.741,-1.681 0.227,-0.439 0.337,-0.919 0.337,-1.397 0,-0.637 -0.2,-1.274 -0.589,-1.808 L 24.422,1.559953 c -0.579,-0.7989996 -1.505,-1.2689996 -2.49,-1.2689996 -0.985,0 -1.911,0.472 -2.489,1.2689996 L 0.862003,27.14195 c -0.68,0.935 -0.77500001,2.178 -0.251,3.205 0.524983,1.03208 1.586018,1.681 2.743001,1.681 0,0 -1.156983,0 0,0 l 0,0"
+         style="fill:#656565;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path16" /><path
+         d="m 42.10602,38.146 -39.919001,0 c -0.947,0 -1.7149997,0.768 -1.7149997,1.716 l 0,7.767 c 0,0.948 0.7679997,1.716 1.7149997,1.716 l 39.919001,0 c 0.948,0 1.716,-0.768 1.716,-1.716 l 0,-7.767 c 0,-0.94806 -0.76703,-1.716 -1.716,-1.716 l 0,0 0,0"
+         style="fill:#656565;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         id="path18" /></g></g></svg>

data/images/closed-padlock.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="52px" height="52px" 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>closed-padlock</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <g id="Group" fill="rgb(0,0,0)">
+            <path d="M39.8569946,23.8280029 L37.4989946,23.8280029 C37.5089946,23.7290029 37.5289946,23.6340029 37.5289946,23.5330029 L37.5289946,18.4480029 C37.5289946,11.9580031 32.2489944,6.677003 25.7589941,6.677003 C19.2689939,6.677003 13.9899941,11.9570032 13.9899941,18.4480029 L13.9899941,23.5330029 C13.9899941,23.6340029 14.0099941,23.7290029 14.0199941,23.8280029 L12.628994,23.8280029 C10.464994,23.8280029 8.70399409,25.5900029 8.70399409,27.7530029 L8.70399409,46.4710033 C8.70399409,48.6360033 10.4649941,50.3970034 12.628994,50.3970034 L39.8569947,50.3970034 C42.0209947,50.3970034 43.7819946,48.6360034 43.7819946,46.4710033 L43.7819946,27.7530029 C43.7820129,25.5899658 42.0209961,23.8280029 39.8569946,23.8280029 L39.8569946,23.8280029 L39.8569946,23.8280029 M19.9979858,23.532959 L19.9979858,18.4479589 C19.9979858,15.269959 22.581986,12.6849589 25.758986,12.6849589 C28.935986,12.6849589 31.5209861,15.269959 31.5209861,18.4479589 L31.5209861,23.532959 C31.5209861,23.633959 31.5409861,23.728959 31.5509861,23.827959 L19.9679859,23.827959 C19.9779968,23.7290039 19.9979858,23.6340332 19.9979858,23.532959 C19.9979858,23.532959 19.9979858,23.6340332 19.9979858,23.532959 L19.9979858,23.532959" id="Shape" fill="rgb(103,103,103)"></path>
+            <path d="M26.2420044,36.1169434 C25.0000044,36.1169434 23.9940045,37.1239433 23.9940045,38.3649433 L23.9940045,42.6949432 L28.4920046,42.6949432 L28.4920046,38.3649433 C28.4920044,37.1240234 27.4849854,36.1169434 26.2420044,36.1169434 L26.2420044,36.1169434 L26.2420044,36.1169434" id="Shape" fill="rgb(255,255,255)"></path>
+        </g>
+    </g>
+</svg>

data/images/collection.svg

@@ -0,0 +1,16 @@
+<?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>
+    <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>
+    </g>
+</svg>

data/images/configure.svg

@@ -0,0 +1,14 @@
+<?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>
+    <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>
+    </g>
+</svg>

data/images/dashboard.svg

@@ -0,0 +1,21 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/delete.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="200px" height="200px" 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>delete</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" fill="url(#linearGradient-1)">
+            <path d="M170.118966,32.7996141 L135.176682,32.7996141 L135.176682,23.123078 C135.176682,15.7329807 128.745825,9.72654112 120.833538,9.72654112 L75.3075378,9.72654112 C67.3952523,9.72654112 60.9692525,15.7329802 60.9692525,23.123078 L60.9692525,32.7996141 L26.0221088,32.7996141 C20.6598232,32.7996141 16.3272514,36.8507849 16.3272514,41.8546388 C16.3272514,46.8584926 20.66468,50.9096634 26.0221088,50.9096634 L32.1129657,50.9096634 L32.1129657,182.924299 C32.1129657,187.088885 35.7315372,190.464104 40.1903942,190.464104 L155.96039,190.464104 C160.419247,190.464104 164.037818,187.088884 164.037818,182.924299 L164.037818,50.9096634 L170.123818,50.9096634 C175.47639,50.9096634 179.813818,46.8539561 179.813818,41.8546388 C179.808943,36.8466559 175.466448,32.7996141 170.118966,32.7996141 L170.118966,32.7996141 L170.118966,32.7996141 M73.889195,23.1228206 C73.889195,22.3878938 74.5206236,21.793601 75.3026236,21.793601 L120.828624,21.793601 C121.610624,21.793601 122.24691,22.3878937 122.24691,23.1228206 L122.24691,32.7993567 L73.8891942,32.7993567 L73.8891942,23.1228206 L73.8891942,23.1228206 L73.889195,23.1228206" id="Shape"></path>
+            <path d="M67.8954381,166.07067 C70.5765808,166.07067 72.7477238,164.047353 72.7477238,161.538621 L72.7477238,67.2502289 C72.7477238,64.7460338 70.576581,62.7181801 67.8954381,62.7181801 C65.2191523,62.7181801 63.0528667,64.7460337 63.0528667,67.2502289 L63.0528667,161.538621 C63.0528216,164.047149 65.219029,166.07067 67.8954381,166.07067 C67.8954381,166.07067 65.219029,166.07067 67.8954381,166.07067 L67.8954381,166.07067" id="Shape" fill="rgb(254,255,254)"></path>
+            <path d="M98.0729283,166.07067 C100.749214,166.07067 102.920357,164.047353 102.920357,161.538621 L102.920357,67.2502289 C102.920357,64.7460338 100.749214,62.7181801 98.0729283,62.7181801 C95.3966424,62.7181801 93.2254996,64.7460337 93.2254996,67.2502289 L93.2254996,161.538621 C93.2255685,164.047149 95.3965193,166.07067 98.0729283,166.07067 C98.0729283,166.07067 95.3965193,166.07067 98.0729283,166.07067 L98.0729283,166.07067" id="Shape" fill="rgb(254,255,254)"></path>
+            <path d="M128.245379,166.07067 C130.921664,166.07067 133.092807,164.047353 133.092807,161.538621 L133.092807,67.2502289 C133.092807,64.7460338 130.921665,62.7181801 128.245379,62.7181801 C125.569093,62.7181801 123.39795,64.7460337 123.39795,67.2502289 L123.39795,161.538621 C123.398019,164.047149 125.569266,166.07067 128.245379,166.07067 C128.245379,166.07067 125.569266,166.07067 128.245379,166.07067 L128.245379,166.07067" id="Shape" fill="rgb(254,255,254)"></path>
+        </g>
+    </g>
+</svg>

data/images/downloading.svg

@@ -0,0 +1,12 @@
+<?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>downloading</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="Group" fill="rgb(0,0,0)">
+            <path d="M53.4456548,25.2529297 C51.8989097,25.2529297 50.6458116,26.4829297 50.6458116,27.9989297 L50.6458116,40.9829299 L11.336869,40.9829299 L11.336869,27.9989297 C11.336869,26.4829297 10.083771,25.2529297 8.53702579,25.2529297 C6.99130026,25.2529297 5.7371826,26.4829297 5.7371826,27.9989297 L5.7371826,43.7289293 C5.7371826,45.2449293 6.99130026,46.4749293 8.53702579,46.4749293 L53.4456514,46.4749293 C54.9913769,46.4749293 56.2444748,45.2449293 56.2444748,43.7289293 L56.2444748,27.9989297 C56.2444733,26.4829102 54.9903445,25.2529297 53.4456548,25.2529297 L53.4456548,25.2529297 L53.4456548,25.2529297" id="Shape" fill="rgb(133,134,133)"></path>
+            <path d="M30.2293343,37.9986642 C30.45995,38.3456504 30.8253175,38.5520474 31.2160075,38.5520474 C31.6057932,38.5520474 31.9711607,38.3456504 32.1999677,37.9986642 L40.3393436,25.6437623 C40.607943,25.2359538 40.6477355,24.6955328 40.4388249,24.2468438 C40.231723,23.7971576 39.8111886,23.5129879 39.3544791,23.5129879 L34.05665,23.5129879 L34.05665,7.13384359 C34.05665,5.40389804 32.7850986,4 31.2160077,4 C29.6469169,4 28.3735569,5.40290102 28.3735569,7.13384359 L28.3735569,23.5129879 L23.0757277,23.5129879 C22.6181139,23.5149821 22.1984839,23.7981547 21.9922864,24.2468438 C21.7842801,24.6955328 21.8213595,25.2369509 22.0908633,25.6437623 L30.2293343,37.9986642 L30.2293343,37.9986642 L30.2293343,37.9986642" id="Shape" fill="rgb(124,147,67)"></path>
+        </g>
+    </g>
+</svg>

data/images/drop-album.svg

@@ -0,0 +1,14 @@
+<?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>drop-album</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="M25.9320068,0.185058594 C12.1530066,0.185058594 0.943006516,11.3970585 0.943006516,25.1750584 C0.943006516,38.9540586 12.1530066,50.1640587 25.9320068,50.1640587 C39.7110071,50.1640587 50.9210072,38.9540586 50.9210072,25.1750584 C50.9210205,11.3959961 39.7109985,0.185058594 25.9320068,0.185058594 L25.9320068,0.185058594 L25.9320068,0.185058594 M25.9320068,46.6090088 C14.1130066,46.6090088 4.49800682,36.9930086 4.49800682,25.1740093 C4.49800682,21.5570092 5.40000683,18.1510096 6.98800683,15.1570091 C8.56000686,12.1950092 10.8080068,9.64500904 13.5220068,7.71200895 C13.9780068,7.38800895 14.4450067,7.07700896 14.9250067,6.78900898 C15.4310067,6.48300898 15.9520067,6.20300895 16.4830067,5.940009 C19.3360066,4.53100896 22.5420067,3.73900902 25.9310067,3.73900902 C37.7500069,3.73900902 47.3670075,13.3520089 47.3670075,25.1740085 C47.3670075,28.5620085 46.5720075,31.7680084 45.1660075,34.6190082 C43.6780075,37.6380082 41.5000076,40.2580081 38.8400073,42.2720081 C38.3950073,42.6070081 37.9350073,42.922008 37.4650073,43.2260081 C36.9710073,43.5420081 36.4660073,43.8400081 35.9460073,44.117008 C32.9550171,45.7060547 29.5469971,46.6090088 25.9320068,46.6090088 Z M34.2230069,26.1750488 C34.2230069,25.8660488 34.2030069,25.5660488 34.1700069,25.2650488 C33.7540069,21.4620488 30.755007,18.4310487 26.9690067,17.9550489 C26.6290067,17.9140489 26.2840067,17.8820489 25.9320068,17.8820489 C25.6410068,17.8820489 25.3500067,17.8990489 25.0670068,17.9290489 C24.4090068,17.9980489 23.7780067,18.1510489 23.1740067,18.3660489 C19.9550066,19.5050489 17.6410068,22.5720487 17.6410068,26.1760488 C17.6410068,26.4020488 17.6570068,26.6240488 17.6750068,26.8460488 C18.0000067,30.8820486 21.2250067,34.107049 25.2600068,34.4330487 C25.4830068,34.4520487 25.7050068,34.4670487 25.9320068,34.4670487 C26.4850068,34.4670487 27.0220068,34.4080487 27.5430067,34.3070487 C28.1580067,34.1850487 28.7460067,33.9930487 29.3050067,33.7420487 C32.1979825,32.4439697 34.2230069,29.5439453 34.2230069,26.1750488 Z M26,30 C23.7908609,30 22,28.2091391 22,26 C22,23.7908609 23.7908609,22 26,22 C28.2091391,22 30,23.7908609 30,26 C30,28.2091391 28.2091391,30 26,30 Z M26,30" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

data/images/drop-all-album.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="106px" height="106px" 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>drop-all-album</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>
+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="100%" id="radialGradient-2">
+            <stop stop-color="rgb(254,255,254)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+        </radialGradient>
+        <path d="M53.1408451,70.0422535 C62.4752357,70.0422535 70.0422535,62.4752357 70.0422535,53.1408451 C70.0422535,43.8064545 62.4752357,36.2394366 53.1408451,36.2394366 C43.8064545,36.2394366 36.2394366,43.8064545 36.2394366,53.1408451 C36.2394366,62.4752357 43.8064545,70.0422535 53.1408451,70.0422535 Z M53,103 C25.3857611,103 3,80.6142389 3,53 C3,25.3857611 25.3857611,3 53,3 C80.6142389,3 103,25.3857611 103,53 C103,65.1628884 98.6571066,76.311439 91.4374063,84.9795662 C82.2657261,95.9912818 68.4513504,103 53,103 Z M53,103" id="path-3"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <g id="Group" fill="url(#linearGradient-1)">
+            <use id="Oval 1" stroke="rgb(49,54,58)" stroke-width="6" xlink:href="#path-3"></use>
+            <use id="Oval 1-1" stroke="none" fill="none" xlink:href="#path-3"></use>
+            <path d="M53.1408451,70.0422535 C43.8064545,70.0422535 36.2394366,62.4752357 36.2394366,53.1408451 C36.2394366,43.8064545 43.8064545,36.2394366 53.1408451,36.2394366 C62.4752357,36.2394366 70.0422535,43.8064545 70.0422535,53.1408451 C70.0422535,62.4752357 62.4752357,70.0422535 53.1408451,70.0422535 Z M53.2816901,60.4647887 C57.4043793,60.4647887 60.7464789,57.1857477 60.7464789,53.1408451 C60.7464789,49.0959425 57.4043793,45.8169014 53.2816901,45.8169014 C49.159001,45.8169014 45.8169014,49.0959425 45.8169014,53.1408451 C45.8169014,57.1857477 49.159001,60.4647887 53.2816901,60.4647887 Z M53.2816901,60.4647887" id="Oval 2" stroke="rgb(150,150,150)" stroke-width="1" fill="rgb(137,137,137)"></path>
+        </g>
+    </g>
+</svg>

data/images/drop-all-songs.svg

@@ -0,0 +1,14 @@
+<?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>drop-all-songs</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="M49.3330399,10.1699049 C49.1850399,9.69890494 48.8410399,9.31690494 48.3880399,9.11990497 L34.6140397,3.14090488 C33.8420397,2.80490488 32.9370397,3.08690488 32.4920398,3.80490485 L27.4740396,11.9089049 C27.4660396,11.9209049 27.4630396,11.9329049 27.4550396,11.9459049 L15.8660399,13.287905 L15.0420399,11.357905 C14.8810399,10.977905 14.5860399,10.670905 14.2140399,10.491905 L2.43303974,4.85690478 C1.79403975,4.55190477 1.0340397,4.67490478 0.523039778,5.16390479 C0.0120398002,5.6539048 -0.140960197,6.4089048 0.13703977,7.05990482 L3.90403973,15.8799045 L3.90403973,38.5599048 C3.90403973,39.1359048 4.19603973,39.6729049 4.67903971,39.9879048 L17.1660402,48.0809052 C17.1730402,48.0839052 17.1790402,48.0849052 17.1840402,48.0889052 C17.3060402,48.1649052 17.4370402,48.2229052 17.5740402,48.2679052 C17.6030402,48.2769052 17.6350402,48.2859052 17.6640402,48.2909052 C17.8050402,48.3279052 17.9470402,48.3529052 18.0920402,48.3529052 C18.1570402,48.3529052 18.2220402,48.3489052 18.2870402,48.3409052 L41.6040396,45.6439052 C42.4620396,45.5439052 43.1080395,44.8179052 43.1080395,43.9559052 L43.1080395,21.379905 L49.1580397,11.5729048 C49.4170853,11.1518385 49.4810502,10.6408522 49.3330399,10.1699049 C49.3330399,10.1699049 49.4810502,10.6408522 49.3330399,10.1699049 L49.3330399,10.1699049 M29.939058,14.6797926 L38.5120579,20.2367928 L29.939058,21.2267928 L29.939058,14.6797926 L29.939058,14.6797926 L29.939058,14.6797926 M27.6920487,13.9728834 C27.7540487,14.0378834 27.8250487,14.0978834 27.8990487,14.1528834 L27.8990487,21.4638833 L19.7580489,22.4058833 L16.7000488,15.2448835 L27.6920487,13.9728834 L27.6920487,13.9728834 L27.6920487,13.9728834 M12.1680619,13.2837965 L15.2910618,20.5957963 L7.29206171,15.4127962 C7.28706171,15.3387962 7.28406171,15.2667962 7.26906171,15.1927962 C7.24606171,15.0787962 7.21006171,14.9687962 7.16506171,14.8657962 L5.03206181,9.87179629 L12.1680619,13.2837965 L12.1680619,13.2837965 L12.1680619,13.2837965 M7.30307164,17.8508131 L16.3910719,23.7388131 L16.3910719,43.5258138 L7.30307164,37.6358139 L7.30307164,17.8508131 L7.30307164,17.8508131 L7.30307164,17.8508131 M19.7910477,44.7448561 L19.7910477,24.5788557 C19.8220477,24.5358557 19.8510477,24.4908557 19.8780477,24.4458557 L39.7080476,22.1518558 L39.7080476,42.4408554 L19.7910477,44.7448561 L19.7910477,44.7448561 L19.7910477,44.7448561 M40.5160843,19.1038649 L30.883084,12.8618648 L34.6080839,6.84586499 L45.2340843,11.456865 L40.5160843,19.1038649 L40.5160843,19.1038649 L40.5160843,19.1038649" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

data/images/drop-local-songs.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="71px" 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>drop-local-songs</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" fill="rgb(0,0,0)">
+            <path d="M27.4935528,61.3216133 L25.9067853,61.3216133 L25.9067853,69.1248131 L27.729669,69.1248131 C28.1275992,69.1248131 28.4413201,69.1152131 28.6675295,69.0928131 C28.8937388,69.0704131 29.1265527,69.0208131 29.3709248,68.9360131 C29.6152969,68.8512131 29.8233434,68.7328131 30.0049714,68.5824131 C30.8074365,67.9232131 31.208669,66.788813 31.208669,65.1792129 C31.208669,64.0432129 31.0336457,63.1936128 30.6786457,62.6288129 C30.3253018,62.065625 29.8893319,61.7087891 29.3709248,61.5536133 C28.8541109,61.4000133 28.2283202,61.3216133 27.4935528,61.3216133 Z M27.4935528,61.3216133" id="Shape" fill="url(#linearGradient-1)"></path>
+            <path d="M69.5353791,3.84316406 L66.612821,0.943964005 C66.0266582,0.363163996 65.2192396,0.031964016 64.3771466,0.031964016 L3.66058954,0.031964016 C1.93512449,0.031964016 0.534938363,1.388764 0.534938363,3.06076403 L0.534938363,75.7167638 C0.534938363,77.3887637 1.93512439,78.7423638 3.66058954,78.7423638 L67.2980553,78.7423638 C69.0235203,78.7423638 70.4237064,77.3887638 70.4237064,75.7167638 L70.4237064,5.95996447 C70.4221333,5.16796875 70.1033694,4.40800781 69.5353791,3.84316406 C69.5353791,3.84316406 70.1033694,4.40800781 69.5353791,3.84316406 L69.5353791,3.84316406 M60.6158348,60.0864258 C59.4946952,61.1728258 57.5413697,61.1728258 56.4185789,60.0864258 L43.1366259,47.2160263 L38.6058353,42.8256264 C38.04444,42.2816264 37.7356725,41.5600264 37.7356725,40.7920263 C37.7356725,40.0256263 38.0460911,39.3008264 38.6058353,38.7584263 C39.1655795,38.2160262 39.9119051,37.9184263 40.7044633,37.9184263 C41.4970214,37.9184263 42.2416958,38.2160263 42.8030912,38.7584263 L48.2238586,44.0112263 L60.6174866,56.0224262 C61.178882,56.5664262 61.4859983,57.2880262 61.4859983,58.0560263 C61.484348,58.8223633 61.1772745,59.544043 60.6158348,60.0864258 C60.6158348,60.0864258 61.1772745,59.544043 60.6158348,60.0864258 L60.6158348,60.0864258 M20.9070023,69.7536133 C20.9070023,70.2288133 20.7914209,70.5856133 20.5652116,70.8192133 C20.3390023,71.0528133 20.0467465,71.1728133 19.6917465,71.1728133 C19.3301419,71.1728133 19.0411884,71.0544133 18.8265372,70.8160133 C18.6118861,70.5792133 18.5029093,70.2240133 18.5029093,69.7536133 L18.5029093,65.8864132 L13.3133049,65.8864132 L13.3133049,69.7536133 C13.3133049,70.2288133 13.2026769,70.5856133 12.9748165,70.8192133 C12.7486072,71.0528133 12.4563514,71.1728133 12.1013514,71.1728133 C11.7397467,71.1728133 11.4491421,71.0544133 11.234491,70.8160133 C11.021491,70.5792133 10.9125142,70.2240133 10.9125142,69.7536134 L10.9125142,60.6944131 C10.9125142,60.2240131 11.0181887,59.8688131 11.2311887,59.6352131 C11.4458398,59.4016131 11.7347933,59.2816131 12.1013515,59.2816131 C12.4629561,59.2816131 12.7552119,59.4000131 12.9781189,59.6320131 C13.2026771,59.8656131 13.313305,60.2192131 13.313305,60.694413 L13.313305,63.990413 L18.5029094,63.990413 L18.5029094,60.694413 C18.5029094,60.224013 18.6118862,59.8688131 18.8314908,59.635213 C19.0494443,59.401613 19.3383978,59.281613 19.6917467,59.281613 C20.0533513,59.281613 20.3456072,59.400013 20.5685142,59.632013 C20.7947235,59.865613 20.9070025,60.2192131 20.9070025,60.694413 L20.9070025,69.7536133 L20.9070025,69.7536133 L20.9070023,69.7536133 M33.4591249,67.0879883 C33.3352877,67.6543883 33.1437528,68.1695883 32.8845203,68.6287883 C32.6269389,69.0847883 32.2950552,69.4943883 31.887218,69.8543882 C31.5701947,70.1327882 31.2217994,70.3551882 30.8420319,70.5231883 C30.4639156,70.6911883 30.0593807,70.8079883 29.625125,70.8751883 C29.1908691,70.9455883 28.7004738,70.9759883 28.1555901,70.9759883 L25.0249854,70.9759883 C24.5874273,70.9759883 24.2588459,70.9135883 24.0359389,70.7855883 C23.8146831,70.6575883 23.6693808,70.4767882 23.6033343,70.2415882 C23.5356366,70.0095883 23.5009622,69.7071883 23.5009622,69.3359883 L23.5009622,60.9071881 C23.5009622,60.4047881 23.6165436,60.0415881 23.8493575,59.8159881 C24.0821715,59.5871881 24.4553343,59.4783881 24.9754505,59.4783881 L28.1077063,59.4783881 C28.9217295,59.4783881 29.6201714,59.5519881 30.2030319,59.7007881 C30.7875436,59.8447881 31.3159157,60.1199881 31.7897994,60.5231881 C33.0248692,61.5487881 33.642404,63.1071881 33.642404,65.198388 C33.6440543,65.8864258 33.5829823,66.5167969 33.4591249,67.0879883 C33.4591249,67.0879883 33.5829823,66.5167969 33.4591249,67.0879883 L33.4591249,67.0879883 M34.9584138,48.9248047 C23.9402047,48.9248047 15.0057632,40.2704048 15.0057632,29.5904053 C15.0057632,18.9120056 23.9402047,10.2560059 34.9584138,10.2560059 C45.9799257,10.2560059 54.914368,18.9120056 54.914368,29.5904053 C54.914368,34.1424053 53.2797168,38.3184052 50.5652051,41.6224052 L45.2055306,36.4288052 C44.001833,35.2624052 42.4035073,34.6192051 40.7028097,34.6192051 C39.002112,34.6192051 37.4037864,35.2624051 36.1984377,36.4288052 C34.9963912,37.5952051 34.334275,39.1440052 34.334275,40.7920052 C34.334275,42.4416052 34.9963913,43.9920052 36.1984377,45.156805 L39.5420425,48.3952049 C38.0708718,48.7311523 36.5402406,48.9248047 34.9584138,48.9248047 L34.9584138,48.9248047 L34.9584138,48.9248047" id="Shape" fill="url(#linearGradient-1)"></path>
+            <path d="M34.9600262,33.3696297 C37.1139625,33.3696297 38.8600727,31.6776243 38.8600727,29.5904297 C38.8600727,27.5032351 37.1139625,25.8112297 34.9600262,25.8112297 C32.8060899,25.8112297 31.0599797,27.5032351 31.0599797,29.5904297 C31.0599797,31.6776243 32.8060899,33.3696297 34.9600262,33.3696297 Z M34.9600262,33.3696297" id="Oval" fill="rgb(111,111,111)"></path>
+        </g>
+    </g>
+</svg>

data/images/drop-song.svg

@@ -0,0 +1,14 @@
+<?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>drop-local-songs</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="M100,0 L100,100 L0,100 L0,0 Z M19.5625031,72.6678414 C18.4217871,75.5373811 18.5981917,78.4188374 20.0517163,80.5733755 C21.5028808,82.7279137 23.9771753,83.912433 27.0159193,83.912433 C29.7818463,83.912433 32.7453525,82.9138141 35.3725065,81.09771 C35.7511688,80.8379261 36.0804458,80.5376255 36.4332427,80.2540082 C36.5908315,80.1253079 36.760174,79.9989909 36.9177503,79.865524 C37.0823888,79.7225237 37.2423234,79.57714 37.3999123,79.429373 C37.5316231,79.3078227 37.6656796,79.1958058 37.7950447,79.0671056 C41.4241419,75.4873312 42.854145,70.8565044 41.445316,67.5126804 L41.445316,37.4873938 L68.1990685,29.1170961 L68.1990685,54.3232975 C67.9968109,54.3352016 67.7945281,54.3709517 67.5922579,54.3995517 C67.3170827,54.3757184 67.0371909,54.3566516 66.7479038,54.3566516 C63.9843346,54.3566516 61.0137793,55.3552707 58.3983788,57.1689913 C55.8135479,58.9541119 53.8308361,61.3517632 52.812423,63.9162229 C51.6717196,66.783379 51.8528156,69.6648353 53.3016471,71.8193734 C54.7551701,73.9739115 57.2317979,75.1584308 60.2705545,75.1584308 C63.0294319,75.1584308 65.9999752,74.1598119 68.6200795,72.3437079 C71.2002066,70.5585876 73.1829185,68.1633321 74.2036774,65.5988598 C74.5188426,64.805208 74.7258167,64.0139396 74.84107,63.2322046 C75.3326273,61.3755836 75.3091075,59.5594796 74.6599613,58.0198429 L74.6599613,20.053259 C74.6599613,19.9650754 74.6599613,19.8816586 74.6458494,19.7982417 L74.6458494,18.5803557 C74.6458494,17.7890873 74.2742368,17.0431024 73.6486104,16.5735846 C73.0206383,16.1016836 72.2139033,15.9658333 71.4589243,16.1994005 L36.6566855,27.0912573 C35.6241606,27.4130081 34.9209252,28.3806435 34.9209252,29.4745959 C34.9209252,35.6426763 34.9326788,41.8202898 34.9467907,48.0122036 C34.9609151,53.0720446 34.9703481,58.143776 34.9773727,63.2226707 C34.497569,63.1559372 34.0107031,63.1082704 33.495626,63.1082704 C30.7296984,63.1082704 27.7638594,64.1092727 25.1437426,65.9229933 C22.5589243,67.7104972 20.583262,70.1033691 19.5625031,72.6678414 Z M19.5625031,72.6678414" id="path16" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

data/images/drop-top-songs.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="63px" height="63px" 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>drop-top-songs</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="M32.8110273,30.8057732 C32.7910273,31.0127732 32.7600273,31.2197732 32.7140278,31.5247735 C32.0270275,35.4157733 28.7340277,38.879773 22.8650278,41.813773 C22.4790278,41.947773 22.1410278,42.045773 21.7990278,42.135773 C21.7650278,42.143773 21.7300278,42.147773 21.6970278,42.147773 C21.5350278,42.147773 21.3840278,42.053773 21.3180278,41.899773 C21.2360278,41.713773 21.3020278,41.494773 21.4740278,41.387773 C23.8120278,39.8857732 24.9240278,38.1727731 24.7790279,36.2937731 C24.7890279,35.9307732 24.7670279,35.6397732 24.7070279,35.3527732 C24.5690278,34.5477731 24.2350279,33.6807732 23.8820279,32.7607732 C23.1330279,30.795773 22.2970279,28.6107731 23.2270279,26.637773 C21.3360278,27.6027732 20.6980278,30.0447731 20.5340278,30.8667731 C20.4990278,31.0347731 20.3640278,31.1677731 20.1940278,31.1927731 C20.0200278,31.2277731 19.8540278,31.1397731 19.7680278,30.9897731 C18.0980278,28.0657733 17.7350278,25.1497732 17.6800278,22.6007732 C16.3230277,23.7497731 15.9870277,25.4247729 15.6350277,27.188773 C15.6410277,29.4037731 15.1290276,31.0637732 13.9280277,32.6657732 C13.8280277,32.7997732 13.6600277,32.8607732 13.4980277,32.8197732 C13.3370277,32.7807732 13.2150277,32.6497732 13.1870277,32.4857732 C12.8900277,30.7037732 11.6300276,29.8647731 10.2960276,28.9737732 C10.2640276,28.9527732 10.2330276,28.9327732 10.2000276,28.9117732 C10.4650276,30.3957731 10.2990276,31.9837731 10.1410276,33.5307731 C9.83802766,36.440773 9.55302757,39.1927729 12.0430276,41.0797729 C12.1850276,41.1447729 12.2870276,41.2887729 12.2870276,41.4587729 C12.2870276,41.6867729 12.1020276,41.8707729 11.8570276,41.8707729 C11.8200276,41.8707729 11.7810276,41.8667729 11.7440276,41.8547729 C10.3080275,41.450773 8.9060274,40.9077729 7.5820274,40.2457729 C0.988027183,36.191774 1.64202717,29.9117738 2.27602717,23.8417736 C2.65202716,20.2377735 3.0380272,16.5117734 1.88202718,13.3297735 C1.81802718,13.1577735 1.87702718,12.9637735 2.02302718,12.8547735 C2.17102718,12.7477735 2.37202719,12.7457735 2.51802718,12.8547735 C3.13602722,13.3197735 3.80202722,13.7627735 4.4470272,14.1907735 C6.89202714,15.8237734 9.41802716,17.5057733 10.3230271,20.8177734 C12.0840271,18.1867733 12.844027,15.3787732 12.844027,11.6167731 C13.6450272,7.58677293 14.4610271,3.506773 18.5410271,1.05777312 C18.6710271,0.981773123 18.8300271,0.981773123 18.9590271,1.05177312 C19.0880271,1.12377312 19.1680271,1.26277312 19.1680271,1.41077312 C19.1680271,8.24877342 20.1480271,13.0127734 22.5230271,17.5357731 C23.2450272,14.8457731 25.2870275,9.71477308 30.4610273,8.85177311 C30.6320273,8.8207731 30.8040273,8.90477309 30.8900273,9.0547731 C30.9760273,9.2097731 30.9560273,9.3987731 30.8430273,9.5317731 C29.5460273,11.042773 29.0720273,12.681773 29.0660273,14.388773 C29.0660273,15.064773 29.1300274,15.752773 29.2590274,16.447773 C29.5970274,18.2937732 30.3190274,20.1847732 31.0320274,22.0497732 C31.0600274,22.1267732 31.0870274,22.1987732 31.1360274,22.3217732 C31.2850273,22.7147732 31.4330273,23.1047732 31.5740273,23.4877732 C31.6400273,23.6667732 31.7010273,23.8427732 31.7630273,24.0207732 C31.8510273,24.2687733 31.9430273,24.5207732 32.0250273,24.7647732 C32.1070273,25.0147732 32.1760273,25.2587732 32.2500273,25.5067732 C32.2960273,25.6747732 32.3570273,25.8467732 32.4000273,26.0127732 C32.5090273,26.4247732 32.6030273,26.8297732 32.6710273,27.2297732 C32.8070273,27.8767732 32.8600273,28.5347732 32.8280273,29.2337732 C32.8480273,29.5057732 32.8550273,29.7767732 32.8520273,30.0427732 C32.8520273,30.2027732 32.8390273,30.3627732 32.8310273,30.5227732 C32.8230273,30.6167732 32.8190273,30.7117732 32.8110273,30.8057732 Z M60.2808874,42.147773 C61.5212614,42.147773 62.5238971,43.2257296 62.5238971,44.5561804 C62.5238971,45.8866313 61.5212613,46.9645878 60.2808874,46.9645878 L31.5597678,46.9645878 C30.3206859,46.9645878 29.3154661,45.8866313 29.3154661,44.5561804 C29.3154661,43.2257296 30.3206859,42.147773 31.5597678,42.147773 Z M26.948989,56.5807649 L59.725527,56.5807649 C61.1410417,56.5807649 62.2852494,57.6587214 62.2852494,58.9891723 C62.2852494,60.3196231 61.1410416,61.3975796 59.725527,61.3975796 L26.948989,61.3975796 C25.5349488,61.3975796 24.3877921,60.3196231 24.3877921,58.9891723 C24.3877921,57.6587214 25.5349488,56.5807649 26.948989,56.5807649 Z M62.5238971,29.3554278 C62.5238971,30.6844914 61.7034732,31.762448 60.6861477,31.762448 L37.1542742,31.762448 C36.1390659,31.762448 35.3154662,30.6844914 35.3154662,29.3554278 C35.3154662,28.0263643 36.1390659,26.9470205 37.1542742,26.9470205 L60.6861477,26.9470205 C61.7034732,26.9470205 62.5238971,28.0263643 62.5238971,29.3554278 Z M62.5238971,29.3554278" id="Shape" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

data/images/filter.svg

@@ -0,0 +1,13 @@
+<?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>filter</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <g id="Group" fill="rgb(0,0,0)">
+            <path d="M29.0449829,42.8669434 L26.8129828,45.0699434 L22.750983,41.0619435 C22.429983,40.7459435 22.010983,40.5849435 21.591983,40.5849435 C21.171983,40.5849435 20.752983,40.7449435 20.431983,41.0619435 L16.3719831,45.0699434 L12.3119831,41.0619435 C11.6679831,40.4279435 10.6349831,40.4279435 9.99098301,41.0619435 L6.08898306,44.9169436 L3.68798304,42.5459435 L3.68798304,3.52094197 L29.0449834,3.52094197 L29.0449834,5.11894202 C30.2129834,5.53694203 31.3199835,6.08594203 32.3459835,6.74994206 L32.3459835,1.87094188 C32.3459835,0.958941877 31.6079835,0.220941901 30.6949835,0.220941901 L2.03698254,0.220941901 C1.12598252,0.220941901 0.385982513,0.958941877 0.385982513,1.87094188 L0.385982513,43.2359436 C0.385982513,43.6769436 0.563982517,44.1009436 0.87698251,44.4099436 L4.92898256,48.4119434 C5.57298255,49.0479434 6.60498255,49.0479434 7.24998266,48.4119434 L11.1529828,44.5569434 L15.2119828,48.5649433 C15.8569828,49.1999433 16.8899828,49.2019433 17.5329829,48.5649433 L21.5929828,44.5569434 L25.6549826,48.5649433 C25.9759826,48.8829433 26.3939826,49.0419433 26.8139827,49.0419433 C27.2339827,49.0419433 27.6519827,48.8839433 27.9739826,48.5649433 L31.8579827,44.7309432 C32.1709827,44.4219432 32.3469827,43.9979432 32.3469827,43.5579432 L32.3469827,33.613943 C31.3219827,34.276943 30.2139828,34.828943 29.0459826,35.246943 L29.0459826,42.8669434 L29.0459826,42.8669434 L29.0449829,42.8669434" id="Shape" fill="rgb(99,99,99)"></path>
+            <path d="M37.0369873,20.1810303 C37.0369873,16.1160302 35.2129873,12.4830303 32.3459873,10.03403 C31.3599873,9.19202995 30.2499874,8.48903 29.0449872,7.96202993 C27.4039872,7.24102992 25.5929873,6.83502996 23.685987,6.83502996 C20.306987,6.83502996 17.2299871,8.10102999 14.8789868,10.17003 L11.2319868,10.17003 L8.04698682,10.17003 C7.68198681,10.17003 7.38698679,10.46603 7.38698679,10.83103 C7.38698679,11.19403 7.68198678,11.49103 8.04698682,11.49103 L10.2759869,11.49103 L13.5689869,11.49103 C12.3149869,12.95003 11.3759868,14.68203 10.8419869,16.5880302 L8.10998678,16.5880302 L8.04798678,16.5880302 C7.68298677,16.5880302 7.38798676,16.8840302 7.38798676,17.2470301 C7.38798676,17.5490301 7.59198675,17.7930301 7.86698676,17.8720301 C7.92598676,17.8900301 7.98498676,17.9100301 8.04898676,17.9100301 L10.5479868,17.9100301 C10.4209868,18.6490302 10.3409868,19.4050301 10.3409868,20.18103 C10.3409868,21.19003 10.4619868,22.16703 10.6739868,23.1100299 L8.04898683,23.1100299 C8.02398683,23.1100299 7.99998683,23.1220299 7.97498683,23.1270299 C7.64698682,23.1630299 7.3889868,23.4330299 7.3889868,23.7710299 C7.3889868,24.13603 7.68398679,24.43103 8.04898683,24.43103 L8.27798683,24.43103 L11.0429869,24.43103 C11.7089869,26.41103 12.816987,28.1890299 14.2639869,29.63403 L10.801987,29.63403 L8.04998691,29.63403 C7.6849869,29.63403 7.38998688,29.92903 7.38998688,30.2940301 C7.38998688,30.6570301 7.68498687,30.9540301 8.04998691,30.9540301 L11.8829869,30.9540301 L15.8269869,30.9540301 C18.0339869,32.5670301 20.745987,33.5300301 23.6879869,33.5300301 C25.5949869,33.5300301 27.406987,33.1260301 29.0469871,32.4030301 C30.2519872,31.8760301 31.360987,31.1730301 32.3479872,30.3310301 C35.2130127,27.8809814 37.0369873,24.2459717 37.0369873,20.1810303 C37.0369873,20.1810303 37.0369873,24.2459717 37.0369873,20.1810303 L37.0369873,20.1810303 M29.0449829,28.875 C27.4859829,29.84 25.6549828,30.404 23.6859827,30.4069999 C20.2479827,30.4009999 17.2209826,28.7029999 15.3679829,26.104 L25.2249832,26.104 C26.1349832,26.104 26.8729832,25.3649999 26.8729832,24.4529999 C26.8729832,23.5429999 26.1349832,22.803 25.2249832,22.803 L13.9429836,22.803 C13.9009836,22.803 13.8609836,22.815 13.8179836,22.817 C13.5929836,21.975 13.4609836,21.0939999 13.4579836,20.1810001 C13.4609836,19.2540001 13.5969836,18.3600001 13.8289836,17.5060001 C13.8679836,17.5100001 13.9029836,17.5180001 13.9429836,17.5180001 L25.2249832,17.5180001 C26.1349832,17.5180001 26.8729832,16.7800001 26.8729832,15.8680001 C26.8729832,14.9560001 26.1349832,14.2180002 25.2249832,14.2180002 L15.398983,14.2180002 C17.253983,11.6440003 20.2679829,9.96100018 23.6859827,9.95200036 C25.6559827,9.95800036 27.4869828,10.5240004 29.0449829,11.4870003 C30.3819829,12.3130003 31.5119829,13.4340004 32.345983,14.7650004 C33.331983,16.3360004 33.911983,18.1880005 33.9159831,20.1810003 C33.9119831,22.1750003 33.3319831,24.0280002 32.345983,25.6000005 C31.5120239,26.9300537 30.382019,28.0510254 29.0449829,28.875 C29.0449829,28.875 30.382019,28.0510254 29.0449829,28.875 L29.0449829,28.875" id="Shape" fill="rgb(99,99,99)"></path>
+            <path d="M49.0710449,40.1020508 L37.3900452,28.4140511 L37.3510452,28.3750511 C36.1150452,30.4360512 34.4350453,32.195051 32.432045,33.5120511 L32.460045,33.5410511 L44.0450451,45.1290514 C45.1910451,46.2740514 47.0680451,46.2740514 48.2140452,45.1230514 L49.0700452,44.2710514 C50.2189941,43.125 50.2189941,41.2459717 49.0710449,40.1020508 C49.0710449,40.1020508 50.2189941,41.2459717 49.0710449,40.1020508 L49.0710449,40.1020508" id="Shape" fill="rgb(99,99,99)"></path>
+        </g>
+    </g>
+</svg>

data/images/forward.svg

@@ -0,0 +1,16 @@
+<?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>forward</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="rgb(37,41,44)" offset="0%"></stop>
+            <stop stop-color="rgb(0,0,0)" stop-opacity="0.5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M49.9019998,21.8483483 L30.0010007,7.39334835 C29.6000007,7.10034834 29.1180007,6.98134835 28.6410007,7.00234835 C28.4940007,7.00834835 28.3510007,7.02134835 28.2110007,7.05834835 C28.0530007,7.09034835 27.8990007,7.14134835 27.7490007,7.21634836 C27.0260007,7.58634836 26.5690007,8.33034832 26.5690007,9.1433484 L26.5690007,18.5523488 L7.046,18.5523488 C4.25900006,18.5513488 2,20.8103487 2,23.5983488 C2.002,26.3843488 4.25900006,28.6433489 7.046,28.6433489 L26.5679994,28.6433489 L26.5689994,32.7563488 L26.5689994,38.0533487 C26.5689994,38.2343487 26.6009994,38.4113487 26.6439994,38.5813487 C26.6549994,38.6303487 26.6699994,38.6773487 26.6859994,38.7243487 C26.7299994,38.8563487 26.7849994,38.9823487 26.8519994,39.1033487 C26.8719994,39.1393487 26.8879994,39.1763487 26.9109994,39.2103487 C26.9959994,39.3433487 27.0909994,39.4703487 27.2019994,39.5813487 C27.3829994,39.7493487 27.5559994,39.8793487 27.7489993,39.9773487 C28.4749994,40.3473487 29.3449993,40.2803487 30.0029993,39.8013487 L49.9019995,25.3473483 C50.4599919,24.9394127 50.7929997,24.2895104 50.7929997,23.5983483 C50.7919997,22.9033483 50.4599997,22.2553482 49.9019998,21.8483483 Z M49.9019998,21.8483483" id="path-2"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <use id="Shape" stroke="rgb(150,150,150)" stroke-width="1" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+        <use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
+    </g>
+</svg>

data/images/green-dot.svg

@@ -0,0 +1,18 @@
+<?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>green-dot</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="94.7975874%" id="radialGradient-1">
+            <stop stop-color="rgb(193,223,81)" offset="0%"></stop>
+            <stop stop-color="rgb(86,136,31)" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <g id="green-dot" fill="rgb(0,0,0)">
+            <g id="Page 1" fill="rgb(222,223,222)">
+                <path d="M24,12 C24,6.47715239 19.5228482,2 14,2 C8.47715239,2 4,6.47715239 4,12 C4,17.5228482 8.47715239,22 14,22 C19.5228482,22 24,17.5228482 24,12 Z M24,12" id="Oval 1" fill="url(#radialGradient-1)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

data/images/headphones-off.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="46px" height="46px" 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>headphones-off</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <path d="M22.9489994,3 C35.6030006,3 45.8990002,13.3579998 45.8990002,26.0900002 C45.8990002,30.10709 44.8480053,34.0531349 42.8749985,37.5289989 L42.8749985,40.066999 C42.8749985,40.9539864 42.3148781,41.7097526 41.5294123,42 L35.2420579,42 C34.4561193,41.7097529 33.895999,40.9539867 33.895999,40.0669993 L33.895999,26.431999 C33.895999,25.2939991 34.8179989,24.3719991 35.9559989,24.3719991 L40.815999,24.3719991 C41.140999,24.3719991 41.444999,24.4539991 41.717999,24.5889991 C40.9559999,14.8269995 32.8329998,7.11599952 22.9499994,7.11599952 C13.0770002,7.11599952 4.95700002,14.8149999 4.185,24.5669997 C4.44700003,24.4439997 4.73800001,24.3719997 5.046,24.3719997 L9.90600014,24.3719997 C11.0430002,24.3719997 11.9650002,25.2939997 11.9650002,26.4319997 L11.9650002,40.0669999 C11.9650002,41.2049999 11.0430001,42.1269999 9.90600014,42.1269999 L5.046,42.1269999 C3.90800005,42.1269999 2.98600006,41.2049999 2.98600006,40.0669999 L2.98600006,37.4549999 C1.03699994,33.9960003 0,30.0800002 0,26.0900002 C0,13.3570004 10.2959995,3 22.9489994,3 Z M22.9489994,3" id="path-1"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <use id="Shape" fill="rgb(154,155,154)" xlink:href="#path-1"></use>
+        <use id="Shape-1" stroke="none" fill="none" xlink:href="#path-1"></use>
+    </g>
+</svg>

data/images/headphones.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="46px" height="46px" 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>headphones</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <radialGradient cx="50%" cy="44.6433738%" fx="50%" fy="44.6433738%" r="44.1207319%" id="radialGradient-1">
+            <stop stop-color="rgb(226,146,124)" offset="0%"></stop>
+            <stop stop-color="rgb(230,66,56)" offset="100%"></stop>
+        </radialGradient>
+        <path d="M22.9489994,3 C35.6030006,3 45.8990002,13.3579998 45.8990002,26.0900002 C45.8990002,30.10709 44.8480053,34.0531349 42.8749985,37.5289989 L42.8749985,40.066999 C42.8749985,40.9539864 42.3148781,41.7097526 41.5294123,42 L35.2420579,42 C34.4561193,41.7097529 33.895999,40.9539867 33.895999,40.0669993 L33.895999,26.431999 C33.895999,25.2939991 34.8179989,24.3719991 35.9559989,24.3719991 L40.815999,24.3719991 C41.140999,24.3719991 41.444999,24.4539991 41.717999,24.5889991 C40.9559999,14.8269995 32.8329998,7.11599952 22.9499994,7.11599952 C13.0770002,7.11599952 4.95700002,14.8149999 4.185,24.5669997 C4.44700003,24.4439997 4.73800001,24.3719997 5.046,24.3719997 L9.90600014,24.3719997 C11.0430002,24.3719997 11.9650002,25.2939997 11.9650002,26.4319997 L11.9650002,40.0669999 C11.9650002,41.2049999 11.0430001,42.1269999 9.90600014,42.1269999 L5.046,42.1269999 C3.90800005,42.1269999 2.98600006,41.2049999 2.98600006,40.0669999 L2.98600006,37.4549999 C1.03699994,33.9960003 0,30.0800002 0,26.0900002 C0,13.3570004 10.2959995,3 22.9489994,3 Z M22.9489994,3" 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>
+    </g>
+</svg>

data/images/info.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="71px" height="71px" 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>info</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="M35.5340004,11 C22.0050001,11 11,22.0059996 11,35.5349998 C11,49.0640001 22.0050001,60.0720005 35.5340004,60.0720005 C49.0630007,60.0720005 60.0699997,49.0640001 60.0699997,35.5349998 C60.0699997,22.0059996 49.0630531,11 35.5340004,11 L35.5340004,11 L35.5340004,11 M36.2140541,18.2849731 C39.2040541,18.2849731 41.636054,20.7189732 41.636054,23.7089729 C41.636054,26.6989727 39.2040541,29.1319728 36.2140541,29.1319728 C33.2240541,29.1319728 30.7900543,26.6989727 30.7900543,23.7089729 C30.7900543,20.7189732 33.2240028,18.2849731 36.2140541,18.2849731 C36.2140541,18.2849731 33.2240028,18.2849731 36.2140541,18.2849731 L36.2140541,18.2849731 M43.6360512,50.75 C43.2080512,51.206 42.7490512,51.303 42.4390512,51.303 L29.9860511,51.303 C29.6750511,51.303 29.2150511,51.206 28.7890511,50.75 C28.4580511,50.395 28.290051,49.932 28.290051,49.374 C28.290051,48.807 28.453051,48.3319999 28.7750511,47.9649999 C29.2050511,47.4789999 29.6710511,47.3769999 29.986051,47.3769999 L31.4000511,47.3769999 L31.4000511,36.9980002 L29.986051,36.9980002 C29.675051,36.9980002 29.215051,36.9020002 28.789051,36.4450002 C28.458051,36.0900002 28.290051,35.6270002 28.290051,35.0680003 C28.290051,34.5020003 28.453051,34.0290002 28.775051,33.6620002 C29.205051,33.1740002 29.671051,33.0720003 29.986051,33.0720003 L40.4180511,33.0720003 C40.7550511,33.0720003 41.0270512,33.3440003 41.0270512,33.6790003 L41.0270512,47.3759998 L42.4390511,47.3759998 C42.7540511,47.3759998 43.2210511,47.4779998 43.6480511,47.9639998 C43.9720511,48.3309998 44.1360511,48.8059998 44.1360511,49.3729998 C44.1360512,49.9329834 43.9680214,50.3950195 43.6360512,50.75 C43.6360512,50.75 43.9680214,50.3950195 43.6360512,50.75 L43.6360512,50.75" id="Shape" fill="rgb(80,81,80)"></path>
+    </g>
+</svg>

data/images/jump-link.svg

@@ -0,0 +1,9 @@
+<?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>jump-link</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="M3.92749935,32.2666472 C3.92749935,15.1653975 17.7899995,1.30289731 34.8899999,1.30289731 C51.9912508,1.30289731 65.8524997,15.1653975 65.8525005,32.2666472 C65.8525005,49.3666464 51.9912496,63.2278961 34.8899999,63.2278961 C17.7899995,63.2278961 3.9274986,49.3666476 3.92749935,32.2666472 Z M41.2905092,51.9754974 C50.4633568,48.6904138 55.9401713,43.0150362 55.9401713,36.7980101 C55.9401713,28.0662734 45.0255007,20.6251955 29.9849963,19.1070699 C29.9510646,19.1032998 29.9221599,19.1171237 29.8882283,19.1171237 L29.8869716,16.6639933 L29.8869716,14.1681342 C29.8869716,14.0273809 29.8643505,13.8903977 29.8304189,13.7596981 C29.8216218,13.723253 29.8090545,13.6855512 29.797744,13.6491062 C29.7638124,13.548568 29.7198269,13.4518001 29.6695579,13.3575456 C29.6532204,13.3298976 29.6419099,13.3022496 29.6243157,13.2733449 C29.5589659,13.1728068 29.4848191,13.0747821 29.3993616,12.9893247 C29.3918213,12.9817843 29.3842809,12.9792709 29.3754838,12.9717305 C29.259865,12.8586251 29.126652,12.758087 28.9771015,12.6826834 C28.4191148,12.3974064 27.7467661,12.4489322 27.2390485,12.8184098 L14.5285148,23.9680884 C14.0974575,24.28227 13.8398286,24.7849607 13.8398286,25.3178128 C13.842342,25.8531783 14.0974575,26.3520988 14.5285148,26.6675372 L27.2415618,37.8172157 C27.5507166,38.0421698 27.9227077,38.1339108 28.2921853,38.1188301 L28.293442,38.1188301 C28.4052907,38.1138032 28.5133692,38.1037494 28.6214477,38.0761014 C28.7446069,38.0497101 28.8639959,38.0107516 28.9783581,37.9529422 C29.535088,37.6664085 29.8882281,37.0945979 29.8882281,36.4662346 L29.8869714,31.3425599 C40.1833332,32.0211916 47.6508029,36.4222488 47.6508029,41.8249164 C47.6508029,45.0232858 45.0644593,48.0758746 40.5578376,50.2022561 C40.0941055,50.4221833 39.8842321,50.9650892 40.0802815,51.4388751 C40.2323454,51.8058393 40.587999,52.0307934 40.9662738,52.0307934 C41.0743522,52.0307934 41.1836874,52.0119425 41.2905092,51.9754974 Z M41.2905092,51.9754974" id="path468" fill="rgb(154,155,154)"></path>
+    </g>
+</svg>

data/images/lastfm-icon.svg

@@ -0,0 +1,143 @@
+<?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: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="256"
+   height="256"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.47 r22583"
+   sodipodi:docname="lastfm.svg"
+   version="1.0"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2555">
+      <stop
+         style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"
+         offset="0"
+         id="stop2557" />
+      <stop
+         style="stop-color: rgb(255, 255, 255); stop-opacity: 0;"
+         offset="1"
+         id="stop2559" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2555"
+       id="linearGradient2449"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.5914583,0,0,0.5914584,210.0216,142.2324)"
+       x1="-344.15295"
+       y1="274.711"
+       x2="-395.84943"
+       y2="425.39993" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="204.06241"
+     inkscape:cy="175.00448"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="867"
+     inkscape:window-height="556"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     showgrid="false"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <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:creator>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag />
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:description />
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-373.642,-318.344)">
+    <rect
+       inkscape:export-ydpi="7.7063322"
+       inkscape:export-xdpi="7.7063322"
+       inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+       transform="scale(-1,1)"
+       ry="35.487503"
+       rx="35.487503"
+       y="328.84921"
+       x="-619.14587"
+       height="234.98955"
+       width="235.00784"
+       id="rect1942"
+       style="fill:#ce0000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       inkscape:export-ydpi="7.7063322"
+       inkscape:export-xdpi="7.7063322"
+       inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+       sodipodi:nodetypes="ccccsssc"
+       id="path1950"
+       d="M 557.05665,338.89518 L 446.22721,338.89518 C 416.89033,338.89518 393.27256,362.70492 393.27256,392.28025 L 393.27256,500.40761 C 394.22216,523.49366 397.87485,508.89915 404.82758,483.3329 C 412.90814,453.61975 439.22406,427.65003 471.27219,408.1872 C 495.73352,393.33195 523.11328,383.84595 572.95174,382.94353 C 601.21656,382.43177 598.72124,346.26062 557.05665,338.89518 z"
+       style="opacity:0.55364805;fill:url(#linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.875;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.875, 1.75;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#ffffff;stroke-width:18;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 499.87835,485.40493 c -8.2629,9.60152 -19.95678,13.48473 -33.92857,13.57143 -34.31711,1.15534 -50.27142,-29.51483 -51.07143,-52.85714 0.23421,-22.76547 19.14858,-50.79762 50,-51.42858 22.05846,0.63597 37.72221,7.33677 50.35714,40.35715 5.28078,13.81626 8.89926,24.51172 14.64286,36.78571 9.76191,20.20361 22.02381,26.66539 33.57143,27.14286 12.35432,0.0658 31.21727,-7.92258 30.71428,-29.64286 -0.64462,-17.09347 -18.79462,-23.46728 -28.92857,-26.42857 -12.00931,-3.04122 -23.0559,-7.16626 -26.07143,-25.35715 -0.99836,-9.20703 6.48725,-22.70043 22.14286,-22.85714 6.73828,0.23233 11.91867,0.074 17.14286,5"
+       id="path26100"
+       sodipodi:nodetypes="cccccccccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 583.75373,392.39028 c 2.93584,2.39626 4.1771,4.94536 8.33376,10.48034 l -14.26841,10.85914 c -1.57111,-2.78358 -2.6957,-5.2524 -5.93464,-7.70242 l 11.86929,-13.63706 z"
+       id="path26102"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 505.8605,492.19064 c 2.32011,-2.80539 4.25644,-5.70672 5.62499,-8.75 l -9.28571,-16.69643 c -2.58175,4.93905 -6.05652,9.34228 -9.82143,13.57143 l 13.48215,11.875 z"
+       id="path26104"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+</svg>

data/images/lastfm-settings.svg

@@ -0,0 +1,17 @@
+<?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>lastfm-settings</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,100 C77.6142389,100 100,77.6142389 100,50 C100,22.3857611 77.6142389,0 50,0 C22.3857611,0 0,22.3857611 0,50 C0,77.6142389 22.3857611,100 50,100 Z M50,100" id="Oval 1" fill="url(#linearGradient-1)"></path>
+        <g id="g462" fill="rgb(0,0,0)" transform="translate(49.500000, 50.500000) scale(1, -1) translate(-49.500000, -50.500000)">
+            <path d="M76.0322581,54.3370325 C75.3649032,54.5553551 74.7207742,54.7566454 74.1014194,54.9532906 C69.3680002,56.4412906 66.5143225,57.3393551 66.5143225,61.0229681 C66.5143225,64.0113551 68.8198708,66.1760005 71.997161,66.1760005 C74.4327738,66.1760005 76.2459351,65.1664521 77.8717415,62.8887748 C78.0250322,62.6781939 78.3114839,62.6023225 78.5468386,62.7261941 L83.3236129,65.1633554 C83.452129,65.2268393 83.548129,65.3445167 83.5899355,65.4838715 C83.6317419,65.6232264 83.6147097,65.7718716 83.5450323,65.8988393 C80.9839999,70.4433553 77.2941933,72.6544521 72.2619352,72.6544521 C64.6051607,72.6544521 59.6565162,68.0216777 59.6565162,60.8541943 C59.6565162,53.5241295 64.4441291,50.55742 73.2745808,47.6510969 C78.3889033,45.9447743 80.6526451,45.0405162 80.6526451,41.4002579 C80.6526451,37.3078709 76.9628388,34.3659349 71.9243869,34.537806 C66.6459354,34.7158705 65.0464516,37.5138061 63.0350963,42.0954835 C59.6348381,49.8544515 55.7638704,58.9156124 55.7267096,59.0038707 C51.8418062,67.9674837 44.1385802,73.1050325 34.5927738,73.1050325 C21.9842582,73.1050325 11.7246447,62.8438715 11.7246447,50.2307103 C11.7246447,37.6221947 21.9842575,27.3610322 34.5927738,27.3610322 C41.4722574,27.3610322 47.9181931,30.4098064 52.2800001,35.7285158 C52.4069679,35.8833545 52.4363872,36.0923867 52.3574195,36.2766448 L49.4758712,42.9300641 C49.3938067,43.1143221 49.2095486,43.2381931 49.0067099,43.2474834 C48.7976776,43.2567737 48.6103228,43.1421931 48.5158712,42.9625802 C45.7953551,37.761548 40.459613,34.5316122 34.592775,34.5316122 C25.9388392,34.5316122 18.9014204,41.5721282 18.9014204,50.2307089 C18.9014204,58.8877412 25.9388399,65.9282565 34.592775,65.9282565 C40.8931617,65.9282565 46.6655491,62.19045 48.9587103,56.6116111 L56.0890329,40.3473534 L56.9112265,38.5202567 C60.1365167,31.0121277 64.8714842,27.6459345 72.2913549,27.6180634 C81.110968,27.6180634 87.7612907,33.4647731 87.7612907,41.2113541 C87.76129,48.9966456 83.4598709,51.9153551 76.0322581,54.3370325" id="path464" fill="rgb(254,255,254)"></path>
+        </g>
+    </g>
+</svg>

data/images/list-add.svg

@@ -0,0 +1,10 @@
+<?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-add</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.6399999,22.9940004 L28.5669999,22.9940004 L28.5669999,13.5 C28.5669999,12.672 27.8949999,12 27.0669999,12 L24.073,12 C23.2449999,12 22.573,12.672 22.573,13.5 L22.573,22.9940004 L13.5,22.9940004 C12.672,22.9940004 12,23.6660004 12,24.4940004 L12,27.3010004 C12,28.1290004 12.672,28.8010004 13.5,28.8010004 L22.573,28.8010004 L22.573,38.3890007 C22.573,39.2170007 23.2449999,39.8890007 24.073,39.8890007 L27.0669999,39.8890007 C27.8949999,39.8890007 28.5669999,39.2170007 28.5669999,38.3890007 L28.5669999,28.8010004 L37.6399999,28.8010004 C38.4679999,28.8010004 39.1399999,28.1290004 39.1399999,27.3010004 L39.1399999,24.4940004 C39.1399999,23.6659975 38.4680028,22.9940004 37.6399999,22.9940004 L37.6399999,22.9940004 L37.6399999,22.9940004" id="Shape" fill="rgb(254,255,254)"></path>
+    </g>
+</svg>

data/images/list-remove.svg

@@ -0,0 +1,10 @@
+<?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>
+    <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>
+</svg>

data/images/loading-animation.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="49px" height="50px" viewBox="0 0 49 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>loading-animation</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="Group" fill="rgb(0,0,0)">
+            <path d="M25.0079956,0.757995605 C23.7099956,0.757995605 22.6559956,1.81099558 22.6559956,3.1099956 L22.6559956,10.7559955 C22.6559956,12.0529956 23.7099956,13.1059954 25.0079956,13.1059954 C26.3069956,13.1059954 27.3599956,12.0529954 27.3599956,10.7559955 L27.3599956,3.1099956 C27.3590088,1.81097412 26.3070068,0.757995605 25.0079956,0.757995605 L25.0079956,0.757995605 L25.0079956,0.757995605" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M25.0079956,39.3890381 C24.2659956,39.3890381 23.6639956,39.9910381 23.6639956,40.7330381 L23.6639956,48.379038 C23.6639956,49.121038 24.2659956,49.722038 25.0079956,49.722038 C25.7499956,49.722038 26.3519956,49.121038 26.3519956,48.379038 L26.3519956,40.7330381 C26.3519897,39.9899902 25.75,39.3890381 25.0079956,39.3890381 L25.0079956,39.3890381 L25.0079956,39.3890381" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M47.6430054,24.9039917 L39.9970055,24.9039917 C39.5330055,24.9039917 39.1580055,25.2789917 39.1580055,25.7419917 C39.1580055,26.2069917 39.5330055,26.5829917 39.9970055,26.5829917 L47.6430054,26.5829917 C48.1070054,26.5829917 48.4830053,26.2069917 48.4830053,25.7419917 C48.4820557,25.2789917 48.105957,24.9039917 47.6430054,24.9039917 L47.6430054,24.9039917 L47.6430054,24.9039917" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M11.8660278,25.7420044 C11.8660278,24.7220044 11.0390278,23.8960044 10.0190278,23.8960044 L2.37202799,23.8960044 C1.35202801,23.8960044 0.52502799,24.7220044 0.52502799,25.7420044 C0.52502799,26.7630044 1.35202801,27.5900044 2.37202799,27.5900044 L10.0190278,27.5900044 C11.0390015,27.5900269 11.8660278,26.7639771 11.8660278,25.7420044 C11.8660278,25.7420044 11.8660278,26.7639771 11.8660278,25.7420044 L11.8660278,25.7420044" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M15.5809937,5.04998779 C14.9779937,4.00598776 13.6429937,3.64898777 12.5999937,4.25098777 C11.5549937,4.85398775 11.1979938,6.18898773 11.8009937,7.23198771 L15.6229937,13.8539879 C16.0269937,14.5539879 16.7609937,14.9459879 17.5159937,14.9459879 C17.8869937,14.9459879 18.2619937,14.8509879 18.6049937,14.6519879 C19.6489937,14.0499879 20.0059937,12.715988 19.4039937,11.670988 L15.5809937,5.04998779 L15.5809937,5.04998779 L15.5809937,5.04998779" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M33.5209961,38.1369629 C33.1959961,37.5749629 32.4779961,37.3829629 31.9149961,37.7069629 C31.3529962,38.0309629 31.1599962,38.7499629 31.4839962,39.3119629 L35.3059962,45.9329627 C35.5249962,46.3099627 35.9189962,46.5209627 36.3259962,46.5209627 C36.5249962,46.5209627 36.7279962,46.4699627 36.9119962,46.3629627 C37.4739962,46.0389627 37.6679962,45.3199627 37.3439962,44.7589627 L33.5209961,38.1369629 L33.5209961,38.1369629 L33.5209961,38.1369629" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M4.39801025,16.1699829 L11.0190101,19.9939828 C11.3370101,20.1779828 11.68301,20.2639828 12.0250101,20.2639828 C12.7200101,20.2639828 13.3980101,19.9029828 13.7710102,19.2559828 C14.3290102,18.2919828 13.9980102,17.0609829 13.0350102,16.5039827 L6.41300994,12.6809827 C5.44900995,12.1249827 4.21900994,12.4549827 3.66100985,13.4189827 C3.10300976,14.3829827 3.43597412,15.6140137 4.39801025,16.1699829 C4.39801025,16.1699829 3.43597412,15.6140137 4.39801025,16.1699829 L4.39801025,16.1699829" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M45.1129761,36.1879883 L38.4909759,32.3669882 C38.0099759,32.0889882 37.3939759,32.2549882 37.1149758,32.7349882 C36.8379758,33.2169882 37.0019758,33.8349882 37.4839758,34.1119882 L44.1049756,37.9319881 C44.2639756,38.0259881 44.4379756,38.0689881 44.6089756,38.0689881 C44.9569756,38.0689881 45.2949756,37.8869881 45.4819756,37.5649881 C45.7600098,37.0820313 45.5960083,36.467041 45.1129761,36.1879883 C45.1129761,36.1879883 45.5960083,36.467041 45.1129761,36.1879883 L45.1129761,36.1879883" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M37.9869995,18.9199829 C38.1009995,18.9199829 38.2159995,18.8909829 38.3219995,18.8299829 L44.9449997,15.0079829 C45.2659997,14.8219829 45.3769997,14.4119829 45.1909997,14.0899829 C45.0049997,13.7699829 44.5929997,13.6579829 44.2729997,13.8439829 L37.6499995,17.6679828 C37.3299996,17.8539828 37.2189995,18.2639828 37.4039995,18.5839828 C37.5289917,18.8010254 37.7559814,18.9199829 37.9869995,18.9199829 C37.9869995,18.9199829 37.7559814,18.9199829 37.9869995,18.9199829 L37.9869995,18.9199829" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M13.4799805,32.3980103 C13.0169805,31.5930102 11.9889804,31.3220103 11.1869805,31.7830102 L4.56598067,35.6070101 C3.7629807,36.0700101 3.48798072,37.0970101 3.95098066,37.9000101 C4.26198065,38.4390101 4.82698065,38.7400101 5.40598071,38.7400101 C5.6909807,38.7400101 5.97998071,38.6680101 6.24398071,38.5150101 L12.8649805,34.6910102 C13.6699829,34.2290039 13.9429932,33.2009888 13.4799805,32.3980103 C13.4799805,32.3980103 13.9429932,33.2009888 13.4799805,32.3980103 L13.4799805,32.3980103" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M32.2509766,13.1989746 C32.3299766,13.2449746 32.4169766,13.2669746 32.5019765,13.2669746 C32.6759765,13.2669746 32.8459766,13.1749746 32.9389766,13.0139746 L36.7619765,6.39297481 C36.9009765,6.15197481 36.8189765,5.8429748 36.5759765,5.70497479 C36.3359765,5.56497478 36.0269765,5.64797479 35.8879765,5.88897479 L32.0659765,12.5119749 C31.9279785,12.7520142 32.0100098,13.0599976 32.2509766,13.1989746 C32.2509766,13.1989746 32.0100098,13.0599976 32.2509766,13.1989746 L32.2509766,13.1989746" id="Shape" fill="rgb(111,111,111)"></path>
+            <path d="M18.2680054,37.4160156 C17.5460054,36.9980156 16.6220053,37.2460156 16.2040055,37.9690156 L12.3840055,44.5900154 C11.9650055,45.3140154 12.2140055,46.2360154 12.9360055,46.6540153 C13.1750055,46.7930153 13.4340055,46.8570153 13.6910055,46.8570153 C14.2120056,46.8570153 14.7210055,46.5860153 15.0000055,46.1010153 L18.8220056,39.4800155 C19.2379761,38.7580566 18.9899902,37.8320313 18.2680054,37.4160156 C18.2680054,37.4160156 18.9899902,37.8320313 18.2680054,37.4160156 L18.2680054,37.4160156" id="Shape" fill="rgb(111,111,111)"></path>
+        </g>
+    </g>
+</svg>

data/images/loved.svg

@@ -0,0 +1,19 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/loved_playlist.svg

@@ -0,0 +1,18 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/music-settings.svg

@@ -0,0 +1,11 @@
+<?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>
+    <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>
+</svg>

data/images/new-additions.svg

@@ -0,0 +1,73 @@
+<?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>

data/images/new-releases.svg

@@ -0,0 +1,18 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/no-album-art-placeholder.svg

@@ -0,0 +1,12 @@
+<?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">
+    <title>no-album-art-placeholder</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <path d="M0,0 L0,107 L107,107 L107,0 L0,0 Z M0,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
+        <path d="M53,103 C80.6142389,103 103,80.6142389 103,53 C103,25.3857611 80.6142389,3 53,3 C25.3857611,3 3,25.3857611 3,53 C3,80.6142389 25.3857611,103 53,103 Z M53,103" id="Oval 1" fill="rgb(155,155,155)"></path>
+        <path d="M53.5,74 C64.8218379,74 74,64.8218379 74,53.5 C74,42.1781621 64.8218379,33 53.5,33 C42.1781621,33 33,42.1781621 33,53.5 C33,64.8218379 42.1781621,74 53.5,74 Z M53.5,74" id="Oval 3" stroke="rgb(167,167,167)" stroke-width="1"></path>
+        <path d="M53,61 C57.4182782,61 61,57.4182782 61,53 C61,48.5817218 57.4182782,45 53,45 C48.5817218,45 45,48.5817218 45,53 C45,57.4182782 48.5817218,61 53,61 Z M53,61" id="Oval 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(254,254,254)"></path>
+    </g>
+</svg>

data/images/no-album-no-case.svg

@@ -0,0 +1,11 @@
+<?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>no-album-no-case</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <path d="M50,100 C77.6142389,100 100,77.6142389 100,50 C100,22.3857611 77.6142389,0 50,0 C22.3857611,0 0,22.3857611 0,50 C0,77.6142389 22.3857611,100 50,100 Z M50,100" id="Oval 1" fill="rgb(155,155,155)"></path>
+        <path d="M50.5,71 C61.8218379,71 71,61.8218379 71,50.5 C71,39.1781621 61.8218379,30 50.5,30 C39.1781621,30 30,39.1781621 30,50.5 C30,61.8218379 39.1781621,71 50.5,71 Z M50.5,71" id="Oval 3" stroke="rgb(167,167,167)" stroke-width="1"></path>
+        <path d="M50,58 C54.4182782,58 58,54.4182782 58,50 C58,45.5817218 54.4182782,42 50,42 C45.5817218,42 42,45.5817218 42,50 C42,54.4182782 45.5817218,58 50,58 Z M50,58" id="Oval 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(254,254,254)"></path>
+    </g>
+</svg>

data/images/no-artist-image-placeholder.svg

@@ -0,0 +1,10 @@
+<?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>no-artist-image-placeholder</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 C77.6142389,100 100,77.6142389 100,50 C100,22.3857611 77.6142389,0 50,0 C22.3857611,0 0,22.3857611 0,50 C0,77.6142389 22.3857611,100 50,100 Z M50,100" id="Oval 1" fill="rgb(196,197,196)"></path>
+        <path d="M78.2332518,38.461946 L68.0212481,38.2429279 L65.019543,38.1808728 L62.0178379,38.1133422 L59.4557854,38.062238 L58.255793,38.0348607 L57.6213143,36.1202778 L51.6989383,18.27213 C51.4454917,17.5128673 50.7644615,17 50.0006733,17 C49.236885,17 48.5541308,17.5128673 48.3006841,18.27213 L42.3800321,36.1202778 L41.7438293,38.0348607 L40.5421128,38.062238 L37.9800602,38.1133422 L34.9800793,38.1808728 L31.9800984,38.2429279 L21.7663707,38.461946 C20.9974101,38.4801975 20.3232765,39.0094912 20.0870711,39.7833549 C19.8508658,40.5590439 20.1060365,41.4040886 20.7215499,41.8914038 L36.6300696,54.5287458 L30.8473477,74.5378719 C30.6249353,75.315386 30.8887267,76.1531301 31.5076883,76.6331447 C31.6645838,76.7536047 31.8335483,76.843037 32.0128575,76.903267 C32.0697537,76.9251688 32.1300981,76.9233437 32.1921667,76.93977 C32.3128556,76.9653221 32.4352686,76.9963497 32.5594057,76.9981748 C32.6869911,77 32.7990594,76.9707976 32.9128518,76.9470706 C32.9731962,76.9342946 33.0352648,76.93977 33.0938851,76.9178682 C33.269746,76.8612886 33.4369863,76.7791568 33.5921578,76.6641723 L50.0023975,64.7003107 L66.4126372,76.6641723 C66.7212559,76.8886658 67.076426,77 67.4333203,77 C67.8074559,77 68.1815914,76.8795401 68.4988307,76.6331447 C69.1160682,76.151305 69.3798596,75.3099105 69.1574472,74.5378719 L63.3730013,54.5287458 L79.284969,41.8914038 C79.8953985,41.4021957 80.1487981,40.5571279 79.9125514,39.7833549 C79.676346,39.0094911 79.0039365,38.4801975 78.2332518,38.461946 Z M78.2332518,38.461946" id="Shape" fill="rgb(254,255,254)"></path>
+    </g>
+</svg>

data/images/no-source.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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>no-source</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="M0,0 L0,80 L80,80 L80,0 L0,0 Z M0,0" id="Rectangle 1"></path>
+        <g id="g2276" fill="rgb(0,0,0)" transform="translate(39.500000, 40.000000) scale(1, -1) translate(-39.500000, -40.000000)">
+            <path d="M50.5073529,29.3537088 L46.3104168,25.3232969 C46.1962624,25.2110028 46.0468751,25.1568852 45.8932599,25.1568852 C45.7438727,25.1568852 45.5916668,25.2110028 45.476103,25.3232969 L39.7232847,30.8460025 L34.0324757,25.3841788 C33.8027576,25.1622964 33.4306988,25.1622964 33.2009807,25.3841788 L29.0632359,29.3537088 C28.8335177,29.5755912 28.8335177,29.9327677 29.0632359,30.1532971 L34.7540448,35.6151209 L29.0336404,41.1094148 C28.8025129,41.3312972 28.8025129,41.6884736 29.0336404,41.9090031 L33.2305766,45.9407678 C33.4532481,46.1504737 33.843628,46.1504737 34.0662996,45.9407678 L39.786704,40.445121 L45.5085177,45.9407678 C45.7311893,46.1504737 46.1229784,46.1504737 46.3414221,45.9407678 L50.4777574,41.969885 C50.5876838,41.8630033 50.6496936,41.7195917 50.6496936,41.5707673 C50.6496936,41.4205907 50.5876838,41.2758269 50.4777574,41.1689439 L44.7559438,35.6773556 L50.5073529,30.1532971 C50.6186887,30.0477677 50.6806985,29.9030029 50.6806985,29.7541794 C50.6806985,29.604003 50.6186887,29.4605912 50.5073529,29.3537088 M62.4949749,46.6632378 C62.1144602,46.7376496 61.7283082,46.7890613 61.3379283,46.8323555 C61.2632347,46.841826 61.192769,46.8567084 61.1152568,46.864826 C60.6346808,46.912179 60.1470583,46.9392378 59.6537985,46.9392378 C59.6439333,46.9392378 59.6368867,46.9365319 59.6270215,46.9365319 C59.6044725,46.9365319 59.5833328,46.9405907 59.5593745,46.9405907 C59.0548402,46.9405907 58.5517152,46.9135319 58.0570461,46.866179 C56.2968133,52.3915909 50.9428306,56.3218847 44.7319849,56.3218847 C44.0526957,56.3218847 43.1225487,56.2704729 42.2642765,56.1730611 C39.2131124,60.104708 34.346752,62.661767 28.850429,62.661767 C19.6039218,62.661767 12.1106002,55.4681789 12.1106002,46.5942371 C12.1106002,46.2370606 12.1416051,45.8907077 12.1641541,45.538943 C7.66844323,42.870943 4.65814889,38.1099427 4.65814889,32.6589424 C4.65814889,24.3072367 11.7033083,17.5330596 20.4001833,17.5168242 L20.4001833,17.5154712 L58.4023281,17.5154712 L58.3952816,17.5722948 C58.7828428,17.543883 59.1675855,17.5154712 59.5593747,17.5154712 C68.0251222,17.5154712 74.8856614,24.1029418 74.8856614,32.2287065 C74.8856614,39.3898245 69.5556368,45.3481765 62.4949754,46.6632355" id="path2278" fill="rgb(100,98,99)"></path>
+        </g>
+    </g>
+</svg>

data/images/not-loved.svg

@@ -0,0 +1,9 @@
+<?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>
+    <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>
+</svg>

data/images/now-playing-speaker-dark.svg

@@ -0,0 +1,32 @@
+<?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>
+    <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>
+        </g>
+    </g>
+</svg>

data/images/now-playing-speaker.svg

@@ -0,0 +1,14 @@
+<?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</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="Group" fill="rgb(0,0,0)">
+            <path d="M36.686303,26.3189981 C37.182023,27.7209981 37.430903,29.166998 37.425803,30.6099981 C37.430903,32.0639981 37.167743,33.5229982 36.664883,34.9479979 C36.441503,35.5639979 37.031063,36.1759979 37.965383,36.3219978 C38.096963,36.3429978 38.228543,36.3509978 38.360123,36.3509978 C39.144503,36.3509978 39.858503,35.9929978 40.047203,35.4659978 C40.607183,33.8709978 40.888703,32.2399978 40.897883,30.6099979 C40.891763,28.9909979 40.611263,27.3779978 40.055363,25.7979981 C39.8319666,25.1810303 38.90479,24.802002 37.974563,24.947998 C37.045343,25.086998 36.468023,25.7009981 36.686303,26.3189981 Z M36.686303,26.3189981" id="Shape" fill="rgb(254,255,254)"></path>
+            <path d="M50.4460925,15.1989746 C50.0360525,14.6229746 48.9997325,14.3819746 48.1388524,14.6509746 C47.2738925,14.9169746 46.9056725,15.5989746 47.3106125,16.1709746 L47.3024525,16.1709746 C50.5735925,20.7489747 52.2035523,25.6799744 52.2035523,30.6209744 C52.2035523,35.5639743 50.5746123,40.4979743 47.3024525,45.0749749 C46.8934325,45.6469749 47.2647125,46.3289748 48.1378325,46.5979749 C48.3765125,46.6689749 48.6253925,46.7039749 48.8671324,46.7029749 C49.5209524,46.7049749 50.1462124,46.4599749 50.4450725,46.0469749 C53.9293924,41.163975 55.6827727,35.8949744 55.6827727,30.6209752 C55.6828064,25.3530273 53.928374,20.0839844 50.4460925,15.1989746 C50.4460925,15.1989746 53.928374,20.0839844 50.4460925,15.1989746 L50.4460925,15.1989746" id="Shape" fill="rgb(254,255,254)"></path>
+            <path d="M45.8683569,21.4260254 C45.5501169,20.8270254 44.562757,20.5150254 43.6641369,20.7230254 C42.7634769,20.9250254 42.2830569,21.5770254 42.5972169,22.1730254 C44.0211369,24.8780254 44.730037,27.7370256 44.730037,30.6030257 C44.727997,33.4820257 44.004817,36.363026 42.5747771,39.0970262 C42.2616371,39.6910262 42.7420571,40.3460261 43.6488371,40.5490262 C43.8354971,40.5910262 44.025217,40.6110262 44.211877,40.6110262 C44.935057,40.6110262 45.6102971,40.3150262 45.861217,39.8400262 C47.4075371,36.8650263 48.1980369,33.737026 48.197017,30.6030257 C48.1980334,27.4909668 47.4319751,24.3780518 45.8683569,21.4260254 C45.8683569,21.4260254 47.4319751,24.3780518 45.8683569,21.4260254 L45.8683569,21.4260254" id="Shape" fill="rgb(254,255,254)"></path>
+            <path d="M17.5816932,22.280982 L6.95227371,22.280982 C6.24337372,22.280982 5.66605367,22.845982 5.66605367,23.542982 L5.66605367,38.0439824 C5.66605367,38.7399824 6.24235367,39.3049824 6.95227371,39.3049824 L17.8203734,39.3049824 C21.4699335,42.4019823 27.5399537,47.4649823 29.9451135,48.9769824 C33.0102136,50.9039824 33.4029136,47.6499823 33.4029136,47.6499823 L33.4029136,31.0769824 L33.4029136,30.3079824 L33.4029136,13.7349824 C33.4029285,13.7340088 33.0102185,10.4790039 29.9451135,12.4069824 C27.4869134,13.9519824 21.2006536,19.2089825 17.5816932,22.280982 Z M17.5816932,22.280982" id="Shape" fill="rgb(254,255,254)"></path>
+        </g>
+    </g>
+</svg>

data/images/ok.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="55px" height="55px" 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>ok</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <radialGradient cx="30.8769464%" cy="42.7043207%" fx="30.8769464%" fy="42.7043207%" r="42.0988053%" id="radialGradient-1">
+            <stop stop-color="rgb(193,223,81)" offset="0%"></stop>
+            <stop stop-color="rgb(86,136,31)" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <path d="M17.9529994,42.6650005 C20.1429994,37.7370006 22.5009992,32.9870001 25.0309994,28.4080006 C27.5599995,23.8330007 30.2819993,19.487001 33.194999,15.3740002 C36.1079991,11.2620002 38.3349988,8.44100007 39.8699992,6.91400012 C41.4039992,5.38900015 42.4679992,4.49700007 43.0529993,4.23800001 C43.6419992,3.977 44.9399992,3.70699999 46.9489992,3.42300001 C48.9599991,3.141 50.3369992,3 51.0839994,3 C51.5569994,3 51.7949994,3.183 51.7949994,3.542 C51.7949994,3.76899999 51.7089994,3.98899999 51.5409994,4.20300001 C51.3709994,4.41700001 50.8799994,4.88700002 50.0699995,5.60799998 C45.9859993,9.40399998 41.4969995,15.0070001 36.5989997,22.4139997 C31.7029998,29.8219997 27.609,37.6029999 24.3159997,45.7559988 C22.9839997,49.0089988 22.0709999,50.9649989 21.5759997,51.6179988 C21.0799997,52.2959988 19.5119998,52.6349987 16.8759999,52.6349987 C14.979,52.6349987 13.8429999,52.4439987 13.4729998,52.0609987 C13.0989998,51.6769987 12.3499998,50.6289987 11.2219999,48.9179989 C9.37199986,46.057999 7.23999977,43.3539987 4.82599998,40.8079992 C3.60699999,39.5239992 3,38.5549992 3,37.9039991 C3,37.0009992 3.662,36.0839991 4.98899996,35.148999 C6.31799996,34.2119991 7.41900003,33.7469991 8.30000007,33.7469991 C9.42400002,33.7469991 10.808,34.3679991 12.4490002,35.6039991 C14.0950282,36.8449322 15.9260218,39.1979595 17.9529994,42.6650005 L17.9529994,42.6650005 L17.9529994,42.6650005 L17.9529994,42.6650005" id="Shape" fill="url(#radialGradient-1)"></path>
+    </g>
+</svg>

data/images/open-padlock.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="52px" height="52px" viewBox="0 0 52 52" 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>open-padlock</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <path d="M37.1529722,23.8280029 C37.1629722,23.7290029 37.1819722,23.6340029 37.1819722,23.5330029 L37.1819722,12.4290029 C37.1819722,5.93900308 31.901972,0.658002943 25.4109723,0.658002943 C18.9199726,0.658002943 13.6399724,5.93800315 13.6399724,12.4290029 L13.6399724,13.5100028 C13.6399724,15.1690029 14.9849724,16.5140028 16.6439724,16.5140028 C18.3039723,16.5140028 19.6479723,15.1690027 19.6479723,13.5100028 L19.6479723,12.4290029 C19.6479723,9.25100288 22.2339723,6.66600284 25.4109723,6.66600284 C28.5889723,6.66600284 31.1739723,9.25100288 31.1739723,12.4290029 L31.1739723,23.5330029 C31.1739723,23.6340029 31.1939723,23.7290029 31.2029723,23.8280029 L12.2809714,23.8280029 C10.1169714,23.8280029 8.35597149,25.5900029 8.35597149,27.7530029 L8.35597149,46.4710033 C8.35597149,48.6360033 10.1169715,50.3970034 12.2809714,50.3970034 L39.5089721,50.3970034 C41.6729721,50.3970034 43.433972,48.6360034 43.433972,46.4710033 L43.433972,27.7530029 C43.434021,25.5899658 41.6729736,23.8280029 39.5089722,23.8280029 L37.1529722,23.8280029 Z M37.1529722,23.8280029" id="path-1"></path>
+    </defs>
+    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
+        <use id="Shape" fill="rgb(154,155,154)" xlink:href="#path-1"></use>
+        <use id="Shape-1" stroke="none" fill="none" xlink:href="#path-1"></use>
+        <path d="M25.894989,36.1169434 C24.653989,36.1169434 23.6469891,37.1239433 23.6469891,38.3649433 L23.6469891,42.6949432 L28.1429889,42.6949432 L28.1429889,38.3649433 C28.1430054,37.1240234 27.1369934,36.1169434 25.894989,36.1169434 L25.894989,36.1169434 L25.894989,36.1169434" id="Shape" fill="rgb(254,255,254)"></path>
+    </g>
+</svg>

data/images/open.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="44px" 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>Slice 1</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
+        <g id="Group" fill="rgb(0,0,0)">
+            <path d="M3.35400391,32.0279541 L40.5150032,32.0279541 C41.6710032,32.0279541 42.7310033,31.3789541 43.2560031,30.3469541 C43.4830031,29.9079541 43.5930032,29.4279541 43.5930032,28.9499542 C43.5930032,28.3129541 43.3930032,27.6759541 43.0040032,27.1419542 L24.4220024,1.55995345 C23.8430024,0.760953426 22.9170024,0.290953398 21.9320024,0.290953398 C20.9470024,0.290953398 20.0210024,0.762953401 19.4430023,1.55995345 L0.862002969,27.1419542 C0.182002962,28.0769542 0.0870029926,29.3199542 0.611002982,30.3469541 C1.13598633,31.3790283 2.19702148,32.0279541 3.35400391,32.0279541 C3.35400391,32.0279541 2.19702148,32.0279541 3.35400391,32.0279541 L3.35400391,32.0279541" id="Shape" fill="rgb(100,100,100)"></path>
+            <path d="M42.1060181,38.1459961 L2.18701935,38.1459961 C1.24001932,38.1459961 0.472019315,38.9139961 0.472019315,39.8619961 L0.472019315,47.6289963 C0.472019315,48.5769963 1.24001932,49.3449962 2.18701935,49.3449962 L42.1060181,49.3449962 C43.0540181,49.3449962 43.822018,48.5769962 43.822018,47.6289963 L43.822018,39.8619961 C43.8220215,38.9139404 43.0549927,38.1459961 42.1060181,38.1459961 L42.1060181,38.1459961 L42.1060181,38.1459961" id="Shape" fill="rgb(100,100,100)"></path>
+        </g>
+    </g>
+</svg>