Foo

added growl files

.gitignore

@@ -12,7 +12,6 @@ Makefile*
 moc_*
 *~
 /tomahawk
-thirdparty/qtweetlib/WARNING-twitter-api-keys
 .kdev4
 *.kdev4
 *.kate-swp

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "thirdparty/libcrashreporter-qt"]
+	path = thirdparty/libcrashreporter-qt
+	url = https://github.com/dschmidt/libcrashreporter-qt

AUTHORS

@@ -14,6 +14,7 @@ Contributors include:
 * Michael Zanetti <dreadhead@follefuder.org>
 * Christopher Reichert <christopher@tomahawk-player.org>
 * Uwe L. Korn <uwelk@xhochy.com>
+* Patrick von Reth <vonreth@kde.org>
 
 Thanks to:
 

CMakeLists.txt

@@ -32,16 +32,24 @@ ELSE()
 ENDIF()
 
 SET( TOMAHAWK_VERSION_MAJOR 0 )
-SET( TOMAHAWK_VERSION_MINOR 7 )
-SET( TOMAHAWK_VERSION_PATCH 100 )
+SET( TOMAHAWK_VERSION_MINOR 8 )
+SET( TOMAHAWK_VERSION_PATCH 99 )
 #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 ro ru sv tr zh_CN zh_TW )
 
+# add_definitions is only in the scope of this directory and all directories
+# below it. Tomahawk Libraries and plugins that are built with Tomahawk are
+# not included in out-of-source build so we need to re-add_definitions there.
+macro(tomahawk_add_definitions DEFINITION)
+    add_definitions( ${DEFINITION} )
+    list(APPEND TOMAHAWK_DEFINITIONS ${DEFINITION})
+endmacro()
+
 # enforce proper symbol exporting on all platforms
-add_definitions( "-fvisibility=hidden" )
+tomahawk_add_definitions( "-fvisibility=hidden" )
 # enforce using constBegin, constEnd for const-iterators
-add_definitions( "-DQT_STRICT_ITERATORS" )
+tomahawk_add_definitions( "-DQT_STRICT_ITERATORS" )
 
 # build options
 option(BUILD_GUI "Build Tomahawk with GUI" ON)
@@ -50,7 +58,6 @@ option(BUILD_TESTS "Build Tomahawk with unit tests" ON)
 option(BUILD_HATCHET "Build the Hatchet plugin" OFF)
 option(BUILD_WITH_QT4 "Build Tomahawk with Qt4 no matter if Qt5 was found" ON)
 
-option(WITH_BREAKPAD "Build with breakpad integration" ON)
 option(WITH_CRASHREPORTER "Build with CrashReporter" ON)
 option(WITH_BINARY_ATTICA "Enable support for downloading binary resolvers automatically" ON)
 option(LEGACY_KDE_INTEGRATION "Install tomahawk.protocol file, deprecated since 4.6.0" OFF)
@@ -61,21 +68,11 @@ CMAKE_DEPENDENT_OPTION(WITH_UPOWER "Build with support for UPower events" ON
 CMAKE_DEPENDENT_OPTION(WITH_GNOMESHORTCUTHANDLER "Build with shortcut handler for GNOME" ON
        "UNIX;NOT APPLE" OFF)
 
-IF( CMAKE_SYSTEM_PROCESSOR MATCHES "arm" )
-    message(STATUS "Build of breakpad library disabled on this platform.")
-    SET(WITH_BREAKPAD OFF)
+IF( CMAKE_SYSTEM_PROCESSOR MATCHES "arm" OR NOT EXISTS "${CMAKE_CURRENT_SOURCE_DIR}/thirdparty/libcrashreporter-qt/CMakeLists.txt")
+    message(STATUS "Build of crashreporter disabled.")
     SET(WITH_CRASHREPORTER OFF)
 ENDIF()
 
-# add definitions based on build options
-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
 
 # base string used in release and unstable builds
@@ -117,25 +114,25 @@ INCLUDE( TomahawkCPack.cmake )
 INCLUDE( MacroOptionalFindPackage )
 INCLUDE( MacroLogFeature )
 
-# headless mode
-if( NOT BUILD_GUI )
-    add_definitions( -DENABLE_HEADLESS )
-    message( STATUS "Building Tomahawk ${TOMAHAWK_VERSION} in HEADLESS mode ***" )
-else()
-    message( STATUS "Building Tomahawk ${TOMAHAWK_VERSION} full GUI version ***" )
-endif()
+message( STATUS "Building Tomahawk ${TOMAHAWK_VERSION} ***" )
 
 if( NOT BUILD_WITH_QT4 )
     find_package(Qt5Core QUIET)
     if( Qt5Core_DIR )
-        find_package(Qt5Widgets QUIET)
+        # CMAKE 2.8.13+/3.0.0+ requires these for IMPORTed targets
+        find_package(Qt5Concurrent REQUIRED)
+        find_package(Qt5Svg REQUIRED)
+        find_package(Qt5UiTools REQUIRED)
+        find_package(Qt5WebKitWidgets REQUIRED)
+        find_package(Qt5Widgets REQUIRED)
+        find_package(Qt5Xml REQUIRED)
         message(STATUS "Found Qt5! Be aware that Qt5-support is still experimental and not officially supported!")
 
         if( UNIX AND NOT APPLE )
             # We need this to find the paths to qdbusxml2cpp and co
             find_package(Qt5DBus REQUIRED)
         endif()
-        
+
         if(WIN32)
             find_package(Qt5WinExtras REQUIRED)
         endif()
@@ -220,6 +217,11 @@ if( NOT Qt5Core_DIR )
 
         include( ${QT_USE_FILE} )
     endmacro()
+
+    # Qt5 C++11 Macros not defined within Qt4
+    # TODO: Add C++11 support
+    tomahawk_add_definitions( "-DQ_DECL_FINAL=" )
+    tomahawk_add_definitions( "-DQ_DECL_OVERRIDE=" )
 endif()
 
 if( Qt5Core_DIR )
@@ -232,14 +234,26 @@ if( BUILD_GUI AND UNIX AND NOT APPLE )
     find_package( X11 )
 endif()
 
+# Check if we can use <functional> or need <tr1/functional>
+include( CheckStdFunctional )
+check_std_functional( CXX_STD_FUNCTIONAL )
+include( CheckStdTr1Functional )
+check_std_tr1_functional( CXX_STD_TR1_FUNCTIONAL )
+if ( NOT CXX_STD_FUNCTIONAL AND NOT CXX_STD_TR1_FUNCTIONAL )
+    message( FATAL_ERROR
+        "Used compiler neither provides std::function nor std::tr1::function")
+endif()
+
 macro_optional_find_package(Echonest 2.2.0)
 macro_log_feature(ECHONEST_FOUND "Echonest" "Qt library for communicating with The Echo Nest" "http://projects.kde.org/libechonest" TRUE "" "libechonest 2.2.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")
 
-macro_optional_find_package(QJSON 0.8.1)
-macro_log_feature(QJSON_FOUND "QJson" "Qt library that maps JSON data to QVariant objects" "http://qjson.sf.net" TRUE "" "libqjson is used for encoding communication between Tomahawk instances")
+if( NOT TOMAHAWK_QT5 )
+    macro_optional_find_package(QJSON 0.8.1)
+    macro_log_feature(QJSON_FOUND "QJson" "Qt library that maps JSON data to QVariant objects" "http://qjson.sf.net" TRUE "" "libqjson is used for encoding communication between Tomahawk instances")
+ENDIF()
 
 macro_optional_find_package(Taglib 1.6.0)
 macro_log_feature(TAGLIB_FOUND "TagLib" "Audio Meta-Data Library" "http://developer.kde.org/~wheeler/taglib.html" TRUE "" "taglib is needed for reading meta data from audio files")
@@ -249,6 +263,19 @@ check_taglib_filename( COMPLEX_TAGLIB_FILENAME )
 find_package(Boost REQUIRED)
 macro_log_feature(Boost_FOUND "Boost" "Provides free peer-reviewed portable C++ source libraries" "http://www.boost.org" TRUE "" "") #FIXME: give useful explanation
 
+macro_optional_find_package(Sparsehash)
+macro_log_feature(SPARSEHASH_FOUND "Sparsehash"
+    "An extremely memory-efficient hash_map implementation."
+    "https://code.google.com/p/sparsehash/" TRUE ""
+    "Sparsehash is needed for reading metadata of mediastreams and fast
+    forward/backward seeking in HTTP streams")
+
+macro_optional_find_package(GnuTLS)
+macro_log_feature(GNUTLS_FOUND "GnuTLS"
+    "GnuTLS is a secure communications library implementing the SSL, TLS and DTLS protocols and technologies around them."
+    "http://gnutls.org/" TRUE ""
+    "GnuTLS is needed for serving the Playdar/HTTP API via TLS")
+
 macro_optional_find_package(QCA2)
 macro_log_feature(QCA2_FOUND "QCA2" "Provides encryption and signing functions necessary for some resolvers and accounts" "http://delta.affinix.com/qca/" TRUE "" "")
 
@@ -269,9 +296,6 @@ 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")
-
 macro_optional_find_package(LibLastFm 1.0.0)
 macro_log_feature(LIBLASTFM_FOUND "liblastfm" "Qt library for the Last.fm webservices" "https://github.com/lastfm/liblastfm" TRUE "" "liblastfm is needed for scrobbling tracks to Last.fm and fetching cover artwork")
 
@@ -303,7 +327,15 @@ if( WIN32 )
     macro_log_feature(QTSPARKLE_FOUND "qtsparkle" "Library for creating auto updaters written in Qt" "https://github.com/davidsansome/qtsparkle" FALSE "" "")
 endif( WIN32 )
 
-#TODO: support external qxt
+if( WIN32 OR APPLE )
+if( TOMAHAWK_QT5 )
+    macro_optional_find_package(LibsnoreQt5 QUIET)
+else()
+    macro_optional_find_package(Libsnore QUIET)
+endif()
+    macro_log_feature(LIBSNORE_FOUND "Libsnore" "Library for notifications" "https://github.com/TheOneRing/Snorenotify" FALSE "" "")
+endif()
+
 set(QXTWEB_FOUND TRUE)
 set(QXTWEB_LIBRARIES qxtweb-standalone)
 set(QXTWEB_INCLUDE_DIRS ${THIRDPARTY_DIR}/qxt/qxtweb-standalone/web ${THIRDPARTY_DIR}/qxt/qxtweb-standalone/network ${THIRDPARTY_DIR}/qxt/qxtweb-standalone/core ${CMAKE_CURRENT_BINARY_DIR})
@@ -373,7 +405,8 @@ CONFIGURE_FILE(
 
 IF( NOT APPLE )
     # Make linking as strict on linux as it is on osx. Then we don't break linking on mac so often
-    SET( CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} -Wl,--no-undefined" )
+    SET( CMAKE_SHARED_LINKER_FLAGS "${CMAKE_SHARED_LINKER_FLAGS} -Wl,--no-undefined" )
+    SET( CMAKE_EXE_LINKER_FLAGS "${CMAKE_EXE_LINKER_FLAGS} -Wl,--no-undefined" )
 ENDIF( NOT APPLE )
 
 # Early configure these files as we need them later on
@@ -389,6 +422,11 @@ ADD_SUBDIRECTORY( thirdparty )
 ADD_SUBDIRECTORY( src )
 ADD_SUBDIRECTORY( admin )
 
+IF(BUILD_TESTS)
+  enable_testing()
+  ADD_SUBDIRECTORY( src/tests )
+ENDIF()
+
 # Add all targets to the build-tree export set
 set(CMAKE_INSTALL_CMAKEDIR "${CMAKE_INSTALL_LIBDIR}/cmake/Tomahawk" CACHE PATH  "Installation directory for CMake files")
 set(CMAKE_INSTALL_FULL_CMAKEDIR "${CMAKE_INSTALL_PREFIX}/${CMAKE_INSTALL_CMAKEDIR}")

CMakeModules/CheckStdFunctional.cmake

@@ -0,0 +1,12 @@
+macro (CHECK_STD_FUNCTIONAL CXX_STD_FUNCTIONAL)
+	include (CheckCXXSourceCompiles)
+	check_cxx_source_compiles(
+	"
+    #include <functional>
+    using std::function;
+    int main()
+    {
+    return 0;
+    }" ${CXX_STD_FUNCTIONAL})
+endmacro()
+

CMakeModules/CheckStdTr1Functional.cmake

@@ -0,0 +1,12 @@
+macro (CHECK_STD_TR1_FUNCTIONAL CXX_STD_TR1_FUNCTIONAL)
+	include (CheckCXXSourceCompiles)
+	check_cxx_source_compiles(
+	"
+    #include <tr1/functional>
+    using std::tr1::function;
+    int main()
+    {
+    return 0;
+    }" ${CXX_STD_TR1_FUNCTIONAL})
+endmacro()
+

CMakeModules/FindEchonest.cmake

@@ -6,7 +6,12 @@
 # ECHONEST_FOUND, whether libechonest was found
 
 FIND_PACKAGE(PkgConfig QUIET)
-PKG_CHECK_MODULES(PC_ECHONEST QUIET libechonest)
+
+if( TOMAHAWK_QT5 )
+    set(LIBECHONEST_SUFFIX "5")
+endif()
+
+PKG_CHECK_MODULES(PC_ECHONEST QUIET libechonest${LIBECHONEST_SUFFIX})
 
 FIND_PATH(ECHONEST_INCLUDE_DIR NAMES echonest/Track.h
     HINTS
@@ -16,7 +21,7 @@ FIND_PATH(ECHONEST_INCLUDE_DIR NAMES echonest/Track.h
         ${KDE4_INCLUDE_DIR}
 )
 
-FIND_LIBRARY(ECHONEST_LIBRARIES NAMES echonest
+FIND_LIBRARY(ECHONEST_LIBRARIES NAMES echonest${LIBECHONEST_SUFFIX}
     HINTS
         ${PC_ECHONEST_LIBDIR}
         ${PC_ECHONEST_LIBRARY_DIRS}

CMakeModules/FindJreen.cmake

@@ -6,7 +6,13 @@
 # LIBJREEN_FOUND, whether libjreen was found
 
 FIND_PACKAGE(PkgConfig QUIET)
-PKG_CHECK_MODULES(PC_JREEN QUIET libjreen)
+if( TOMAHAWK_QT5 )
+    set(JREEN_LIB_SUFFIX "-qt5")
+    set(JREEN_INCLUDE_SUFFIX ${JREEN_LIB_SUFFIX})
+else()
+    set(JREEN_INCLUDE_SUFFIX "-qt4")
+endif()
+PKG_CHECK_MODULES(PC_JREEN QUIET libjreen${JREEN_LIB_SUFFIX})
 
 FIND_PATH(JREEN_INCLUDE_DIR NAMES jreen/jreen.h
     HINTS
@@ -14,9 +20,12 @@ FIND_PATH(JREEN_INCLUDE_DIR NAMES jreen/jreen.h
         ${PC_JREEN_INCLUDE_DIRS}
         ${CMAKE_INSTALL_INCLUDEDIR}
         ${KDE4_INCLUDE_DIR}
+    PATH_SUFFIXES
+        jreen${JREEN_INCLUDE_SUFFIX}
+    
 )
 
-FIND_LIBRARY(JREEN_LIBRARIES NAMES jreen
+FIND_LIBRARY(JREEN_LIBRARIES NAMES jreen${JREEN_LIB_SUFFIX}
     HINTS
         ${PC_JREEN_LIBDIR}
         ${PC_JREEN_LIBRARY_DIRS}

CMakeModules/FindQTweetLib.cmake

@@ -1,28 +0,0 @@
-# - Try to find QTweetLib
-#
-#  QTWEETLIB_FOUND - system has QTweetLib
-#  QTWEETLIB_INCLUDE_DIRS - the QTweetLib include directories
-#  QTWEETLIB_LIBRARIES - link these to use QTweetLib
-#
-# (c) Dominik Schmidt <dev@dominik-schmidt.de>
-#
-
-# Include dir
-find_path(QTWEETLIB_INCLUDE_DIR
-  NAMES QTweetLib/qtweetlib_global.h
-  PATHS ${KDE4_INCLUDE_DIR}
-)
-
-# Finally the library itself
-find_library(QTWEETLIB_LIBRARY
-  NAMES QTweetLib
-  PATHS ${KDE4_LIB_DIR}
-)
-
-SET( QTWEETLIB_LIBRARIES  ${QTWEETLIB_LIBRARY} ${QJSON_LIBRARIES} )
-
-INCLUDE(FindPackageHandleStandardArgs)
-FIND_PACKAGE_HANDLE_STANDARD_ARGS(QTweetLib DEFAULT_MSG QTWEETLIB_LIBRARY QTWEETLIB_INCLUDE_DIR)
-
-MARK_AS_ADVANCED(QTWEETLIB_LIBRARIES QTWEETLIB_INCLUDE_DIR)
-

CMakeModules/FindSparsehash.cmake

@@ -0,0 +1,25 @@
+# - Find google-sparsehash
+# Find the google-sparsehash includes
+# This module defines
+# SPARSEHASH_INCLUDE_DIR, root jreen include dir.
+# SPARSEHASH_FOUND, whether libjreen was found
+
+FIND_PACKAGE(PkgConfig QUIET)
+PKG_CHECK_MODULES(PC_SPARSEHASH QUIET libsparsehash)
+
+FIND_PATH(SPARSEHASH_INCLUDE_DIR NAMES google/sparsetable
+    HINTS
+        ${PC_SPARSEHASH_INCLUDEDIR}
+        ${PC_SPARSEHASH_INCLUDE_DIRS}
+        ${CMAKE_INSTALL_INCLUDEDIR}
+)
+
+IF(SPARSEHASH_INCLUDE_DIR AND NOT PC_SPARSEHASH_VERSION)
+    MESSAGE(WARNING "You don't have pkg-config and so the google-sparsehash version check does not work!")
+ENDIF()
+
+INCLUDE(FindPackageHandleStandardArgs)
+FIND_PACKAGE_HANDLE_STANDARD_ARGS(Sparsehash
+    REQUIRED_VARS SPARSEHASH_INCLUDE_DIR)
+
+MARK_AS_ADVANCED(SPARSEHASH_INCLUDE_DIR)

CMakeModules/NSIS.template.in

@@ -34,6 +34,9 @@
 
 !define NSI_PATH "${SOURCE_PATH}/admin/win/nsi"
 
+;define app id needed for Windows 8 notifications
+!define AppUserModelId org.tomahawk-player.Tomahawk
+
 ;-----------------------------------------------------------------------------
 ; Installer version
 ;-----------------------------------------------------------------------------
@@ -310,11 +313,14 @@ Section "Tomahawk Player" SEC_TOMAHAWK_PLAYER
    File "${QT_DLL_PATH}\QtWebKit4.dll"
    File "${QT_DLL_PATH}\QtXml4.dll"
    File "${QT_DLL_PATH}\QtSvg4.dll"
+   File "${QT_DLL_PATH}\QtDeclarative4.dll"
+   File "${QT_DLL_PATH}\QtXmlPatterns4.dll"
 
    ;SQLite driver
    SetOutPath "$INSTDIR\sqldrivers"
    File "${SQLITE_DLL_PATH}\qsqlite4.dll"
    SetOutPath "$INSTDIR"
+   File "${MING_BIN}\libsqlite3-0.dll"
 
    ;Image plugins
    SetOutPath "$INSTDIR\imageformats"
@@ -346,18 +352,41 @@ Section "Tomahawk Player" SEC_TOMAHAWK_PLAYER
    ; Other
    File "${MING_BIN}\libqjson.dll"
    File "${MING_BIN}\libtag.dll"
-   File "${MING_BIN}\libpng15-15.dll"
+   File "${MING_BIN}\libpng16-16.dll"
    File "${MING_BIN}\libjpeg-8.dll"
    File "${MING_BIN}\zlib1.dll"
 
    File "${MING_BIN}\libechonest.dll"
    File "${MING_BIN}\liblastfm.dll"
-   File "${MING_BIN}\libQTweetLib.dll"
    File "${MING_BIN}\libquazip.dll"
    File "${MING_BIN}\libqtkeychain.dll"
 
+   ; GnuTLS
+   File "${MING_BIN}\libgnutls-28.dll"
+   File "${MING_BIN}\libtasn1-6.dll"
+   File "${MING_BIN}\libgmp-10.dll"
+   File "${MING_BIN}\libhogweed-2-4.dll"
+   File "${MING_BIN}\libintl-8.dll"
+   File "${MING_BIN}\libnettle-4-6.dll"
+   File "${MING_BIN}\libp11-kit-0.dll"
+   File "${MING_BIN}\libffi-6.dll"
+
+   ; Snorenotify
+   File "${MING_BIN}\SnoreToast.exe"
+   File "${MING_BIN}\libsnore.dll"
+   File "${MING_LIB}\libsnore\libsnore_backend_growl.dll"
+   File "${MING_LIB}\libsnore\libsnore_backend_snarl.dll"
+   File "${MING_LIB}\libsnore\libsnore_backend_snore.dll"
+   File "${MING_LIB}\libsnore\libsnore_backend_snoretoast.dll"
+
+   ; Snoregrowl
+   File "${MING_BIN}\libsnoregrowl++.dll"
+   File "${MING_BIN}\libsnoregrowl.dll"
+
    ; Jabber
    File "${MING_BIN}\libjreen.dll"
+   File "${MING_BIN}\libidn-11.dll"
+   File "${MING_BIN}\libgsasl-7.dll"
    File "${MING_BIN}\libqca.dll"
    SetOutPath "$INSTDIR\crypto"
    File "${MING_LIB}\qt4\plugins\crypto\libqca-ossl.dll"
@@ -385,6 +414,7 @@ SectionGroup "Shortcuts"
       CreateDirectory "$SMPROGRAMS\Tomahawk"
       CreateShortCut "$SMPROGRAMS\Tomahawk\LICENSE.lnk" "$INSTDIR\LICENSE.txt"
       CreateShortCut "$SMPROGRAMS\Tomahawk\Tomahawk.lnk" "$INSTDIR\tomahawk.exe"
+      WinShell::SetLnkAUMI "$SMPROGRAMS\Tomahawk\Tomahawk.lnk" "${AppUserModelId}"
       CreateShortCut "$SMPROGRAMS\Tomahawk\Release notes.lnk" "$INSTDIR\NOTES.txt"
       CreateShortCut "$SMPROGRAMS\Tomahawk\Uninstall.lnk" "$INSTDIR\uninstall.exe"
       SetShellVarContext current
@@ -523,12 +553,16 @@ Section Uninstall
    DeleteRegValue HKLM "Software\Tomahawk" "VersionRevision"
    DeleteRegValue HKLM "Software\Tomahawk" ""
    DeleteRegKey HKLM "Software\Tomahawk"
-
+   
+   DeleteRegKey HKCR "Software\Tomahawk"
+   DeleteRegKey HKCR "Software\TomahawkSpotify"
    DeleteRegKey HKCR "tomahawk"
 
    ;Start menu shortcuts.
    !ifdef OPTION_SECTION_SC_START_MENU
       SetShellVarContext all
+      WinShell::UninstAppUserModelId "${AppUserModelId}"
+      WinShell::UninstShortcut "$SMPROGRAMS\Tomahawk\Tomahawk.lnk"
       RMDir /r "$SMPROGRAMS\Tomahawk"
       SetShellVarContext current
    !endif

ChangeLog

@@ -1,3 +1,5 @@
+Version 0.9.0:
+
 Version 0.8.0:
     * Playback Queue now saves its state across sessions.
     * Added "Inbox" feature, showing incoming song recommendations. Dropping
@@ -24,9 +26,16 @@ Version 0.8.0:
     * Removed Twitter due to change in Twitter's API.
     * Improved error messages.
     * Support drag & drop of items from Artist and Album page headers.
-    * Added basic remote control API
-    * Add support for Opus codec in local files (requires TagLib 1.9)
-    * Support rtmp:// streams
+    * Added basic remote control API.
+    * Add support for Opus codec in local files (requires TagLib 1.9).
+    * Support rtmp:// streams.
+    * Drop QJson as a dependency for Qt5.
+    * Support additional headers in CustomUrlHandler.
+    * Fuzzy search indices for JS Resolvers.
+    * Add metadata retrieval of HTTP(S) streams in JavaScript resolvers.
+    * New Dependencies: google-sparsehash, GnuTLS.
+    * Flat Collection View.
+    * Support for Windows, OS X and Growl notifications.
 
 Version 0.7.0:
     * JavaScript Resolvers can now expose collections.

README.md

@@ -21,7 +21,7 @@ Start the application on OS X:
 
 Detailed building instructions for Ubuntu
 -----------------------------------------
-See: http://wiki.tomahawk-player.org/index.php/Building_Binary_on_Ubuntu_Precise_(12.04)
+See: http://wiki.tomahawk-player.org/index.php/Building_on_Ubuntu
 
 Detailed building instructions for OS X
 ---------------------------------------
@@ -41,7 +41,7 @@ Required dependencies:
 * Phonon 4.6.0 - http://phonon.kde.org/
 * QJson 0.8.1 - http://qjson.sourceforge.net/
 * SQLite 3.6.22 - http://www.sqlite.org/
-* TagLib 1.6.2 - http://developer.kde.org/~wheeler/taglib.html
+* TagLib 1.8 - 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.2.0 - http://projects.kde.org/projects/playground/libs/libechonest/
@@ -49,16 +49,17 @@ Required dependencies:
 * QuaZip 0.4.3 - http://quazip.sourceforge.net/
 * liblastfm 1.0.1 - https://github.com/lastfm/liblastfm/
 * QtKeychain 0.1 - https://github.com/frankosterfeld/qtkeychain/
+* Sparsehash - https://code.google.com/p/sparsehash/
+* GnuTLS - http://gnutls.org/
 
 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/
+* Snorenotify - https://github.com/Snorenotify/Snorenotify/
 
 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/

TomahawkAddLibrary.cmake

@@ -52,6 +52,7 @@ function(tomahawk_add_library)
     add_definitions(${QT_DEFINITIONS})
     set_target_properties(${target} PROPERTIES AUTOMOC TRUE)
 
+    add_definitions(${TOMAHAWK_DEFINITIONS})
     if(LIBRARY_EXPORT_MACRO)
         set_target_properties(${target} PROPERTIES COMPILE_DEFINITIONS ${LIBRARY_EXPORT_MACRO})
     endif()
@@ -61,6 +62,9 @@ function(tomahawk_add_library)
         # At least in CMake 2.8.8, you CANNOT set more than one COMPILE_DEFINITIONS value
         # only takes the first one if called multiple times or bails out with wrong number of arguments
         # when passing in a list, thus i redefine the export macro here in hope it won't mess up other targets
+        # Dear domme,
+        # "The COMPILE_DEFINITIONS property may be set to a semicolon-separated list"
+        # Sincerely, CMake Documentation
         add_definitions( "-D${LIBRARY_EXPORT_MACRO}" )
 
         set_target_properties(${target} PROPERTIES COMPILE_DEFINITIONS ${LIBRARY_COMPILE_DEFINITIONS})

admin/mac/macdeploy.py

@@ -26,20 +26,20 @@ FRAMEWORK_SEARCH_PATH=[
     os.path.join(os.environ['HOME'], 'Library/Frameworks')
 ]
 
-LIBRARY_SEARCH_PATH=['/usr/local/lib', '/usr/local/Cellar/gettext/0.18.3.2/lib', '.']
+LIBRARY_SEARCH_PATH=['/usr/local/lib', '/usr/local/Cellar/gettext/0.19.2/lib', '.']
 
 VLC_PLUGINS=[
-  'access/libaccess_attachment_plugin.dylib',
+  'access/libattachment_plugin.dylib',
   #'access/libaccess_avio_plugin.dylib',
   #'access/libaccess_fake_plugin.dylib',
-  'access/libaccess_ftp_plugin.dylib',
-  'access/libaccess_http_plugin.dylib',
-  'access/libaccess_imem_plugin.dylib',
+  'access/libftp_plugin.dylib',
+  'access/libhttp_plugin.dylib',
+  'access/libimem_plugin.dylib',
   #'access/libaccess_mmap_plugin.dylib',
   'access/libaccess_mms_plugin.dylib',
   'access/libaccess_realrtsp_plugin.dylib',
-  'access/libaccess_tcp_plugin.dylib',
-  'access/libaccess_udp_plugin.dylib',
+  'access/libtcp_plugin.dylib',
+  'access/libudp_plugin.dylib',
   'access/libcdda_plugin.dylib',
   'access/libfilesystem_plugin.dylib',
   'access/libqtcapture_plugin.dylib',
@@ -109,7 +109,7 @@ VLC_PLUGINS=[
   'demux/libavi_plugin.dylib',
   'demux/libdemux_cdg_plugin.dylib',
   'demux/libdemuxdump_plugin.dylib',
-  'demux/libdirac_plugin.dylib',
+  'demux/libdiracsys_plugin.dylib',
   'demux/libes_plugin.dylib',
   'demux/libflacsys_plugin.dylib',
   'access/liblive555_plugin.dylib',
@@ -144,7 +144,7 @@ VLC_PLUGINS=[
   'misc/libexport_plugin.dylib',
   #'libfreetype_plugin.dylib',
   #'libgnutls_plugin.dylib',
-  #'liblogger_plugin.dylib',
+  'misc/liblogger_plugin.dylib',
   'lua/liblua_plugin.dylib',
   #'libosd_parser_plugin.dylib',
   #'libquartztext_plugin.dylib',
@@ -152,9 +152,9 @@ VLC_PLUGINS=[
   'misc/libvod_rtsp_plugin.dylib',
   'misc/libxml_plugin.dylib',
   #'libxtag_plugin.dylib',
-  'mmx/libi420_rgb_mmx_plugin.dylib',
-  'mmx/libi420_yuy2_mmx_plugin.dylib',
-  'mmx/libi422_yuy2_mmx_plugin.dylib',
+  'video_chroma/libi420_rgb_mmx_plugin.dylib',
+  'video_chroma/libi420_yuy2_mmx_plugin.dylib',
+  'video_chroma/libi422_yuy2_mmx_plugin.dylib',
   #'libmemcpymmx_plugin.dylib',
   #'libmemcpymmxext_plugin.dylib',
   'mux/libmux_asf_plugin.dylib',
@@ -175,11 +175,11 @@ VLC_PLUGINS=[
   'packetizer/libpacketizer_mpeg4video_plugin.dylib',
   'packetizer/libpacketizer_mpegvideo_plugin.dylib',
   'packetizer/libpacketizer_vc1_plugin.dylib',
-  'sse2/libi420_rgb_sse2_plugin.dylib',
-  'sse2/libi420_yuy2_sse2_plugin.dylib',
-  'sse2/libi422_yuy2_sse2_plugin.dylib',
+  'video_chroma/libi420_rgb_sse2_plugin.dylib',
+  'video_chroma/libi420_yuy2_sse2_plugin.dylib',
+  'video_chroma/libi422_yuy2_sse2_plugin.dylib',
   'stream_filter/libdecomp_plugin.dylib',
-  'access/libstream_filter_rar_plugin.dylib',
+  #'access/libstream_filter_rar_plugin.dylib',
   'stream_filter/librecord_plugin.dylib',
   #'libvisual_plugin.dylib',
 ]
@@ -199,11 +199,16 @@ QT_PLUGINS = [
     'imageformats/libqmng.dylib',
 ]
 
+SNORE_PLUGINS = [
+    'libsnore_backend_growl.so',
+    'libsnore_backend_osxnotificationcenter.so',
+]
+
 TOMAHAWK_PLUGINS = [
   'libtomahawk_account_xmpp.dylib',
   'libtomahawk_account_google.so',
-  #'libtomahawk_account_twitter.so',
   'libtomahawk_account_zeroconf.so',
+  'libtomahawk_account_hatchet.so',
   'libtomahawk_infoplugin_adium.so',
   'libtomahawk_infoplugin_charts.so',
   'libtomahawk_infoplugin_discogs.so',
@@ -213,15 +218,21 @@ TOMAHAWK_PLUGINS = [
   'libtomahawk_infoplugin_musixmatch.so',
   'libtomahawk_infoplugin_newreleases.so',
   'libtomahawk_infoplugin_rovi.so',
+  'libtomahawk_infoplugin_snorenotify.so',
   'libtomahawk_infoplugin_spotify.so',
   'libtomahawk_viewpage_dashboard.so',
-  'libtomahawk_viewpage_networkactivity.so',
+#  'libtomahawk_viewpage_networkactivity.so',
+  'libtomahawk_viewpage_whatshot.so',
+  'libtomahawk_viewpage_whatsnew_0_8.so',
 ]
 
 QT_PLUGINS_SEARCH_PATH=[
-    '/usr/local/Cellar/qt/4.8.5/plugins',
+    '/usr/local/Cellar/qt/4.8.6/plugins',
 ]
 
+SNORE_PLUGINS_SEARCH_PATH=[
+    '/usr/local/Cellar/snorenotify/HEAD/lib/libsnore',
+]
 
 class Error(Exception):
   pass
@@ -239,6 +250,10 @@ class CouldNotFindQtPluginError(Error):
   pass
 
 
+class CouldNotFindSnorePluginError(Error):
+  pass
+
+
 class CouldNotFindVLCPluginError(Error):
   pass
 
@@ -247,12 +262,10 @@ class CouldNotFindScriptPluginError(Error):
   pass
 
 
-
 if len(sys.argv) < 2:
   print 'Usage: %s <bundle.app>' % sys.argv[0]
 
 bundle_dir = sys.argv[1]
-
 bundle_name = os.path.basename(bundle_dir).split('.')[0]
 
 commands = []
@@ -260,6 +273,10 @@ commands = []
 binary_dir = os.path.join(bundle_dir, 'Contents', 'MacOS')
 frameworks_dir = os.path.join(bundle_dir, 'Contents', 'Frameworks')
 commands.append(['mkdir', '-p', frameworks_dir])
+vlcplugins_dir = os.path.join(frameworks_dir, 'vlc', 'plugins')
+commands.append(['mkdir', '-p', vlcplugins_dir])
+snoreplugins_dir = os.path.join(binary_dir, 'libsnore')
+commands.append(['mkdir', '-p', snoreplugins_dir])
 resources_dir = os.path.join(bundle_dir, 'Contents', 'Resources')
 commands.append(['mkdir', '-p', resources_dir])
 plugins_dir = os.path.join(bundle_dir, 'Contents', 'qt-plugins')
@@ -371,12 +388,12 @@ def FixLibrary(path):
   for library in broken_libs['libs']:
     FixLibraryInstallPath(library, new_path)
 
-def FixVLCPlugin(abs_path, subdir):
+def FixVLCPlugin(abs_path):
   broken_libs = GetBrokenLibraries(abs_path)
   FixAllLibraries(broken_libs)
 
   #print "Copying plugin....%s %s %s" % (plugins_dir, subdir, os.path.join(abs_path.split('/')[-2:]))
-  new_path = os.path.join(plugins_dir, subdir, os.path.basename(abs_path))
+  new_path = os.path.join(vlcplugins_dir, os.path.basename(abs_path))
   args = ['mkdir', '-p', os.path.dirname(new_path)]
   commands.append(args)
   args = ['ditto', '--arch=i386', '--arch=x86_64', abs_path, new_path]
@@ -491,6 +508,12 @@ def FindQtPlugin(name):
         return os.path.join(path, name)
   raise CouldNotFindQtPluginError(name)
 
+def FindSnorePlugin(name):
+  for path in SNORE_PLUGINS_SEARCH_PATH:
+    if os.path.exists(path):
+      if os.path.exists(os.path.join(path, name)):
+        return os.path.join(path, name)
+  raise CouldNotFindSnorePluginError(name)
 
 def FindVLCPlugin(name):
   for path in VLC_SEARCH_PATH:
@@ -502,11 +525,14 @@ def FindVLCPlugin(name):
 FixBinary(binary)
 
 for plugin in VLC_PLUGINS:
-  FixVLCPlugin(FindVLCPlugin(plugin), '../plugins')
+  FixVLCPlugin(FindVLCPlugin(plugin))
 
 for plugin in TOMAHAWK_PLUGINS:
   FixPlugin(plugin, '../MacOS')
 
+for plugin in SNORE_PLUGINS:
+  FixPlugin(FindSnorePlugin(plugin), '../MacOS/libsnore')
+
 try:
   FixPlugin('tomahawk_crash_reporter', '../MacOS')
 except:

admin/win/update-vlc.sh

@@ -68,7 +68,6 @@ rm -rvf \
     services_discovery/ \
     visualization/ \
     control/ \
-    misc/ \
     **/libi420* \
     **/libi422* \
     mux/ \

data/images/account-none.svg

@@ -1,16 +1,15 @@
 <?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>
+<svg width="63px" height="63px" viewBox="0 0 63 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
     <defs>
-        <radialGradient cx="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 cx="50%" cy="0%" fx="50%" fy="0%" r="50%" id="radialGradient-1">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" 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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <path d="M39.4882425,50.1164605 L31,62 L22.2995024,49.8193034 C9.95141137,46.556924 1,36.9024496 1,25.5 C1,11.4167382 14.6553143,0 31.5,0 C48.3446857,0 62,11.4167382 62,25.5 C62,37.2723466 52.4583986,47.1814694 39.4882425,50.1164605 Z" id="Triangle-1" fill="#000000" sketch:type="MSShapeGroup"></path>
+        <path d="M4.5,62 L56.5,62" id="Line" stroke="url(#radialGradient-1)" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
     </g>
 </svg>

data/images/account-offline.svg

@@ -1,16 +1,15 @@
 <?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>
+<svg width="63px" height="63px" viewBox="0 0 63 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
     <defs>
-        <radialGradient cx="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 cx="50%" cy="0%" fx="50%" fy="0%" r="50%" id="radialGradient-1">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" 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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <path d="M39.4882425,50.1164605 L31,62 L22.2995024,49.8193034 C9.95141137,46.556924 1,36.9024496 1,25.5 C1,11.4167382 14.6553143,0 31.5,0 C48.3446857,0 62,11.4167382 62,25.5 C62,37.2723466 52.4583986,47.1814694 39.4882425,50.1164605 Z" id="Triangle-1" fill="#D6D6D6" sketch:type="MSShapeGroup"></path>
+        <path d="M4.5,62 L56.5,62" id="Line" stroke="url(#radialGradient-1)" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
     </g>
 </svg>

data/images/account-online.svg

@@ -1,11 +1,15 @@
 <?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>
+<svg width="63px" height="63px" viewBox="0 0 63 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs></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>
+    <defs>
+        <radialGradient cx="50%" cy="0%" fx="50%" fy="0%" r="50%" id="radialGradient-1">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <path d="M39.4882425,50.1164605 L31,62 L22.2995024,49.8193034 C9.95141137,46.556924 1,36.9024496 1,25.5 C1,11.4167382 14.6553143,0 31.5,0 C48.3446857,0 62,11.4167382 62,25.5 C62,37.2723466 52.4583986,47.1814694 39.4882425,50.1164605 Z" id="Triangle-1" fill="#198DE7" sketch:type="MSShapeGroup"></path>
+        <path d="M4.5,62 L56.5,62" id="Line" stroke="url(#radialGradient-1)" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
     </g>
 </svg>

data/images/account-settings.svg

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

data/images/add-contact.svg

@@ -1,20 +1,77 @@
 <?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>
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="rgb(95,88,88)" offset="0%"></stop>
-            <stop stop-color="rgb(34,31,31)" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-2">
-            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
-            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <g id="Group" stroke="rgb(150,150,150)" stroke-width="1" fill="url(#linearGradient-1)">
-            <path d="M41.7720032,33.5539551 C35.769989,34.1109619 31.052002,39.1710205 31.0530045,45.3179558 C31.0530045,47.0919557 31.4560045,48.7689556 32.1580045,50.2799557 L24.0980041,50.2799557 C24.0580041,50.2919557 24.0180041,50.2979557 23.9740041,50.2979557 L9.86000377,50.2979557 C9.73200378,50.2979557 9.60800378,50.2459557 9.51900378,50.1529557 C9.42900378,50.0609557 9.37900378,49.9379557 9.38200378,49.8099557 C9.5860033,40.1639548 13.6520033,32.344955 20.2560034,28.897955 C20.4300034,28.808955 20.6390034,28.832955 20.7870034,28.958955 C22.2620035,30.2229551 24.0390035,31.1019551 25.9240035,31.4979551 C25.9260033,31.4979551 26.8810034,31.680955 28.2380034,31.680955 C29.0350033,31.680955 29.8120033,31.618955 30.5480033,31.496955 C32.4120032,31.1009549 34.1890031,30.221955 35.6620032,28.9589549 C35.8100032,28.8329549 36.0190032,28.8079549 36.1930032,28.8979549 C38.3370032,30.0169551 40.2090032,31.6009551 41.7720032,33.5539551 Z M28.2260132,28.9150391 C22.1520081,28.9150391 17.2109985,23.8580322 17.211013,17.643039 C17.211013,15.2640388 17.9400131,13.0580389 19.1740131,11.2380388 C19.2140131,11.1140388 19.2780131,10.9950388 19.3690131,10.8910388 C19.4080131,10.8460388 19.4590131,10.8220388 19.5040131,10.7870388 C21.5200133,8.10803878 24.6740131,6.37203884 28.2260132,6.37203884 C34.3000126,6.37203884 39.2390127,11.4290385 39.2390127,17.6430387 C39.2390127,23.8580389 34.2990131,28.9150391 28.2260132,28.9150391 Z M44.8389893,36.3830566 C50.303009,36.3830566 54.7520142,40.8299561 54.7519894,46.2940569 C54.7519894,51.7610569 50.3029895,56.207057 44.8389893,56.207057 C39.3719893,56.207057 34.9259892,51.7610569 34.9259892,46.2940569 C34.9259892,40.8300567 39.3719893,36.3830566 44.8389893,36.3830566 Z M44.8389893,54.6779785 C40.2149892,54.6779785 36.453989,50.9169786 36.453989,46.2939787 C36.453989,41.6719785 40.2149889,37.9119787 44.8389893,37.9119787 C49.4609895,37.9119787 53.2209892,41.6719787 53.2209892,46.2939787 C53.2210083,50.9169922 49.4609985,54.6779785 44.8389893,54.6779785 Z M46.1209874,45.1409912 L46.1209874,41.3059912 C46.1209874,40.9709912 45.8499874,40.6989912 45.5169874,40.6989912 L44.3059875,40.6989912 C43.9749875,40.6989912 43.7019875,40.9709912 43.7019875,41.3059912 L43.7019875,45.1409912 L40.0379875,45.1409912 C39.7019875,45.1409912 39.4319875,45.4119912 39.4319875,45.7469912 L39.4319875,46.8789912 C39.4319875,47.2139912 39.7029875,47.4849912 40.0379875,47.4849912 L43.7019875,47.4849912 L43.7019875,51.3579911 C43.7019875,51.6919911 43.9749875,51.9629911 44.3059875,51.9629911 L45.5169874,51.9629911 C45.8509874,51.9629911 46.1209874,51.6919911 46.1209874,51.3579911 L46.1209874,47.4849912 L49.7869873,47.4849912 C50.1209873,47.4849912 50.3919873,47.2139912 50.3919873,46.8789912 L50.3919873,45.7469912 C50.3930054,45.4110107 50.1210022,45.1409912 49.7869873,45.1409912 Z M46.1209874,45.1409912" id="Shape" fill="url(#linearGradient-2)"></path>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="icon_Connect1" sketch:type="MSLayerGroup">
+            <g id="Layer_2"></g>
+            <g id="Layer_3"></g>
+            <g id="Layer_4"></g>
+            <g id="Layer_5"></g>
+            <g id="Layer_6"></g>
+            <g id="Layer_8"></g>
+            <g id="Layer_9"></g>
+            <g id="Layer_10"></g>
+            <g id="Layer_11"></g>
+            <g id="Layer_12"></g>
+            <g id="Layer_13"></g>
+            <g id="Layer_14"></g>
+            <g id="Layer_15"></g>
+            <g id="Layer_16"></g>
+            <g id="Layer_17"></g>
+            <g id="Layer_18"></g>
+            <g id="Layer_19"></g>
+            <g id="Layer_20"></g>
+            <g id="Layer_21"></g>
+            <g id="Layer_24"></g>
+            <g id="Layer_25"></g>
+            <g id="Layer_26"></g>
+            <g id="Layer_27"></g>
+            <g id="Layer_28"></g>
+            <g id="Layer_29"></g>
+            <g id="Layer_47"></g>
+            <g id="Layer_30"></g>
+            <g id="Layer_31"></g>
+            <g id="Layer_32"></g>
+            <g id="Layer_33"></g>
+            <g id="Layer_34"></g>
+            <g id="Layer_35"></g>
+            <g id="Layer_36"></g>
+            <g id="Layer_37"></g>
+            <g id="Layer_38"></g>
+            <g id="Layer_39"></g>
+            <g id="Layer_40"></g>
+            <g id="Layer_41"></g>
+            <g id="Layer_42"></g>
+            <g id="Layer_43"></g>
+            <g id="Layer_44"></g>
+            <g id="Layer_45"></g>
+            <g id="Layer_46"></g>
+            <g id="Layer_48"></g>
+            <g id="Layer_49"></g>
+            <g id="Layer_51"></g>
+            <g id="Layer_52"></g>
+            <g id="Layer_53"></g>
+            <g id="Layer_54" fill="#000000" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <path d="M36,32.25 C35.25,33 34.5,33.375 34.125,34.125 C31.875,36 30,38.25 28.125,40.125 C25.125,37.5 22.5,34.5 19.875,31.875 L21.375,30.375 L27.75,24 C28.5,23.25 28.5,22.125 27.75,21.375 C27.375,20.625 26.25,20.625 25.5,21.375 C25.125,21.75 24.75,22.125 24.375,22.125 L16.875,29.625 C16.125,28.5 15.375,27.75 14.25,26.625 C12,29.25 9.375,31.5 7.5,34.125 C5.625,36.375 5.25,39 5.625,42 C5.625,44.25 6.75,46.5 7.875,48.375 L0.375,55.875 L4.125,59.625 L11.625,52.125 C16.125,54.75 20.625,55.125 25.5,52.5 C28.875,50.625 30.75,47.625 33.75,45 C32.625,44.25 31.875,43.125 30.75,42.375 L34.125,39 C35.625,37.5 37.125,36 39,34.5 C39.75,33.75 40.125,32.625 39.375,31.875 C37.875,31.5 36.75,31.5 36,32.25 L36,32.25 Z" id="Shape"></path>
+                    <path d="M60,3.75 L56.25,0 L48.75,7.5 C48.375,7.5 48.375,7.125 48,7.125 C43.5,4.875 38.625,4.5 34.125,7.5 C31.5,9.375 29.25,12 27,14.25 L45.75,33 C47.625,31.125 49.5,29.625 51.375,27.375 C53.625,24.75 54.75,21.375 54.375,18 C54.375,15.75 53.625,13.5 52.125,11.625 L60,3.75 L60,3.75 Z" id="Shape"></path>
+                </g>
+            </g>
+            <g id="Layer_55"></g>
+            <g id="Layer_56"></g>
+            <g id="Layer_57"></g>
+            <g id="Layer_58"></g>
+            <g id="Layer_59"></g>
+            <g id="Layer_60"></g>
+            <g id="Layer_61"></g>
+            <g id="Layer_62"></g>
+            <g id="Layer_63"></g>
+            <g id="Layer_64"></g>
+            <g id="Layer_65"></g>
+            <g id="Layer_66"></g>
+            <g id="Layer_50"></g>
         </g>
     </g>
 </svg>

data/images/add.svg

@@ -1,10 +1,82 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="82px" height="82px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>add</title>
+<svg width="68px" height="68px" viewBox="0 0 68 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
     <defs></defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <path d="M41,71 C57.5685433,71 71,57.5685433 71,41 C71,24.4314567 57.5685433,11 41,11 C24.4314567,11 11,24.4314567 11,41 C11,57.5685433 24.4314567,71 41,71 Z M41,71" id="Oval 1" fill="rgb(154,170,198)"></path>
-        <path d="M45.1402321,37.4080257 L45.1402321,25.8322088 C45.1402321,24.8210227 44.3242652,24 43.3216195,24 L39.6753614,24 C38.6787375,24 37.8567488,24.8210228 37.8567488,25.8322088 L37.8567488,37.4080257 L26.8246346,37.4080257 C25.812956,37.4080257 25,38.22603 25,39.2372161 L25,42.6541194 C25,43.6653056 25.8159669,44.4833098 26.8246346,44.4833098 L37.8567488,44.4833098 L37.8567488,56.1738281 C37.8567488,57.1819957 38.6787376,58 39.6753614,58 L43.3216195,58 C44.3272762,58 45.1402321,57.1819957 45.1402321,56.1738281 L45.1402321,44.4833098 L56.1783677,44.4833098 C57.1840244,44.4833098 57.9999914,43.6653056 57.9999914,42.6541194 L57.9999914,39.2372161 C58.0030567,38.2230705 57.1840693,37.4080257 56.1783677,37.4080257 L45.1402321,37.4080257 Z M45.1402321,37.4080257" id="Shape" fill="rgb(254,255,254)"></path>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="list-remove" sketch:type="MSLayerGroup" transform="translate(34.500000, 33.500000) rotate(-45.000000) translate(-34.500000, -33.500000) translate(6.000000, 5.000000)">
+            <g id="Page-1">
+                <g id="list-remove">
+                    <g id="Page-1">
+                        <g id="icon_Cross">
+                            <g id="Layer_2"></g>
+                            <g id="Layer_3"></g>
+                            <g id="Layer_4"></g>
+                            <g id="Layer_5"></g>
+                            <g id="Layer_6"></g>
+                            <g id="Layer_8"></g>
+                            <g id="Layer_9"></g>
+                            <g id="Layer_10"></g>
+                            <g id="Layer_11"></g>
+                            <g id="Layer_12"></g>
+                            <g id="Layer_13"></g>
+                            <g id="Layer_14"></g>
+                            <g id="Layer_15"></g>
+                            <g id="Layer_16"></g>
+                            <g id="Layer_17"></g>
+                            <g id="Layer_18"></g>
+                            <g id="Layer_19"></g>
+                            <g id="Layer_20"></g>
+                            <g id="Layer_21"></g>
+                            <g id="Layer_24"></g>
+                            <g id="Layer_25"></g>
+                            <g id="Layer_26"></g>
+                            <g id="Layer_27"></g>
+                            <g id="Layer_28"></g>
+                            <g id="Layer_29"></g>
+                            <g id="Layer_47"></g>
+                            <g id="Layer_30"></g>
+                            <g id="Layer_31"></g>
+                            <g id="Layer_32"></g>
+                            <g id="Layer_33"></g>
+                            <g id="Layer_34"></g>
+                            <g id="Layer_35"></g>
+                            <g id="Layer_36"></g>
+                            <g id="Layer_37"></g>
+                            <g id="Layer_38"></g>
+                            <g id="Layer_39"></g>
+                            <g id="Layer_40"></g>
+                            <g id="Layer_41"></g>
+                            <g id="Layer_42"></g>
+                            <g id="Layer_43"></g>
+                            <g id="Layer_44" fill="#000000" sketch:type="MSShapeGroup">
+                                <path d="M56.6666667,9.33333333 L47.3333333,0 L28,18.6666667 L9.33333333,0 L0,9.33333333 L18.6666667,28 L0,47.3333333 L9.33333333,56.6666667 L28,38 L47.3333333,56.6666667 L56.6666667,47.3333333 L38,28 L56.6666667,9.33333333 L56.6666667,9.33333333 Z" id="Shape"></path>
+                            </g>
+                            <g id="Layer_45"></g>
+                            <g id="Layer_46"></g>
+                            <g id="Layer_48"></g>
+                            <g id="Layer_49"></g>
+                            <g id="Layer_51"></g>
+                            <g id="Layer_52"></g>
+                            <g id="Layer_53"></g>
+                            <g id="Layer_54"></g>
+                            <g id="Layer_55"></g>
+                            <g id="Layer_56"></g>
+                            <g id="Layer_57"></g>
+                            <g id="Layer_58"></g>
+                            <g id="Layer_59"></g>
+                            <g id="Layer_60"></g>
+                            <g id="Layer_61"></g>
+                            <g id="Layer_62"></g>
+                            <g id="Layer_63"></g>
+                            <g id="Layer_64"></g>
+                            <g id="Layer_65"></g>
+                            <g id="Layer_66"></g>
+                            <g id="Layer_50"></g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
     </g>
 </svg>

data/images/advanced-settings.svg

@@ -1,16 +1,74 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="79px" height="79px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>advanced-settings</title>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
-            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
-            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <g id="Group" stroke="rgb(150,150,150)" stroke-width="1">
-            <path d="M77.0386845,38.7883065 L71.392233,37.998629 C71.2219104,34.1354033 70.388362,30.4270161 68.9173943,26.9457258 L73.6038458,23.410242 C73.9057813,23.1779839 74.1070716,22.8321774 74.1612652,22.4579839 C74.2154588,22.0786291 74.112233,21.6915323 73.8825555,21.3844355 L67.3612653,12.7573389 C67.1315879,12.4528228 66.7883621,12.2541131 66.4090073,12.1973389 C66.0244912,12.1431454 65.6451363,12.2463712 65.3406202,12.4760486 L61.0154589,15.7457259 C58.1509427,13.1031452 54.8786847,11.0283067 51.2606203,9.56766127 L52.0322332,4.03217745 C52.0864267,3.65282261 51.9832009,3.26830647 51.7561041,2.96120973 C51.5264267,2.6566936 51.1832009,2.45798394 50.8064267,2.40120975 L40.1044916,0.914758202 C39.7070723,0.860564654 39.3380401,0.961209812 39.0335239,1.19346789 C38.7290078,1.42056466 38.5302981,1.76637112 38.4735239,2.14572592 L37.7638465,7.28120981 C33.7715883,7.44895174 29.9419113,8.32637111 26.3522338,9.89540339 L23.0877177,5.58314532 C22.6077177,4.94830659 21.7070725,4.82443564 21.0670725,5.301855 L12.4477179,11.8128227 C12.1432018,12.0450808 11.9419115,12.3883066 11.8877179,12.7650808 C11.8335244,13.1444356 11.9367502,13.5289518 12.1664276,13.8360485 L15.2528792,17.9263712 C12.5767503,20.8889518 10.5173952,24.233468 9.11094341,27.8954032 L3.70707218,27.1470161 C3.3251367,27.0928226 2.9457819,27.1960484 2.63868508,27.4231452 C2.3367496,27.6554033 2.13287864,27.9960484 2.08126571,28.3754032 L0.599975382,39.0747578 C0.489007636,39.8644352 1.03868506,40.5921772 1.82836251,40.7005643 L7.0541692,41.4283062 C7.28900791,45.3354031 8.21029827,49.1005644 9.80771767,52.6566929 L5.25804022,56.0941123 C4.6283628,56.5741123 4.49674994,57.4773381 4.98191119,58.1147574 L11.4954594,66.734112 C11.9754594,67.3715314 12.8786852,67.4902411 13.5109433,67.0128217 L17.9548143,63.6605636 C20.8193305,66.1870151 24.1328789,68.202499 27.6425561,69.5599185 L26.8322335,75.4592733 C26.7212657,76.2489507 27.2761045,76.9741121 28.0632012,77.0850798 L38.7625558,78.5715313 C38.827072,78.5818539 38.8967494,78.5870152 38.9638461,78.5870152 C39.6709429,78.5870152 40.2902978,78.0657248 40.3909429,77.3457249 L41.1961042,71.6089505 C44.9793299,71.3895957 48.6335234,70.5224989 52.0838457,69.0257246 L55.769007,73.9031439 C56.2541682,74.5405633 57.157394,74.6566923 57.7896521,74.1844342 L66.4167487,67.678628 C66.7238455,67.4489506 66.9225552,67.1005635 66.9767487,66.7237893 C67.0309422,66.3444345 66.9277164,65.9599183 66.7006197,65.6528216 L63.1728778,60.981854 C65.7122327,58.1766927 67.7070712,54.9947574 69.113523,51.5005636 L75.1522325,52.3392732 C75.9161035,52.4347571 76.6696519,51.8979829 76.7832003,51.1083055 L78.2722326,40.4063704 C78.3779927,39.6272051 77.82844,38.8966734 77.0386845,38.7883065 C77.0386845,38.7883065 77.82844,38.8966734 77.0386845,38.7883065 L77.0386845,38.7883065 M47.570281,50.5303679 C45.1444746,52.3652067 42.2541521,53.3355293 39.2218942,53.3355293 C34.8270556,53.3355293 30.785765,51.3303679 28.1406035,47.8284323 C23.5341519,41.730368 24.7496357,33.0206906 30.8554423,28.4064968 C33.2812487,26.571658 36.1715712,25.6039162 39.2012487,25.6039162 C43.5960872,25.6039162 47.6296358,27.6064969 50.2696358,31.1006907 C54.8812689,37.2012349 53.6734816,45.921308 47.570281,50.5303679 C47.570281,50.5303679 53.6734816,45.921308 47.570281,50.5303679 L47.570281,50.5303679" id="Shape" fill="url(#linearGradient-1)"></path>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="icon_Settings" sketch:type="MSLayerGroup">
+            <g id="Layer_2"></g>
+            <g id="Layer_3"></g>
+            <g id="Layer_4"></g>
+            <g id="Layer_5"></g>
+            <g id="Layer_6"></g>
+            <g id="Layer_8"></g>
+            <g id="Layer_9"></g>
+            <g id="Layer_10"></g>
+            <g id="Layer_11"></g>
+            <g id="Layer_12"></g>
+            <g id="Layer_13"></g>
+            <g id="Layer_14"></g>
+            <g id="Layer_15"></g>
+            <g id="Layer_16"></g>
+            <g id="Layer_17"></g>
+            <g id="Layer_18"></g>
+            <g id="Layer_19"></g>
+            <g id="Layer_20"></g>
+            <g id="Layer_21"></g>
+            <g id="Layer_24"></g>
+            <g id="Layer_25"></g>
+            <g id="Layer_26"></g>
+            <g id="Layer_27"></g>
+            <g id="Layer_28"></g>
+            <g id="Layer_29"></g>
+            <g id="Layer_47"></g>
+            <g id="Layer_30"></g>
+            <g id="Layer_31"></g>
+            <g id="Layer_32"></g>
+            <g id="Layer_33"></g>
+            <g id="Layer_34"></g>
+            <g id="Layer_35"></g>
+            <g id="Layer_36"></g>
+            <g id="Layer_37"></g>
+            <g id="Layer_38"></g>
+            <g id="Layer_39"></g>
+            <g id="Layer_40"></g>
+            <g id="Layer_41"></g>
+            <g id="Layer_42"></g>
+            <g id="Layer_43"></g>
+            <g id="Layer_44"></g>
+            <g id="Layer_45"></g>
+            <g id="Layer_46"></g>
+            <g id="Layer_48"></g>
+            <g id="Layer_49"></g>
+            <g id="Layer_51"></g>
+            <g id="Layer_52"></g>
+            <g id="Layer_53"></g>
+            <g id="Layer_54"></g>
+            <g id="Layer_55"></g>
+            <g id="Layer_56"></g>
+            <g id="Layer_57"></g>
+            <g id="Layer_58"></g>
+            <g id="Layer_59"></g>
+            <g id="Layer_60"></g>
+            <g id="Layer_61"></g>
+            <g id="Layer_62"></g>
+            <g id="Layer_63" fill="#000000" sketch:type="MSShapeGroup">
+                <path d="M39.5,9.5 C39,9.5 38.5,9 38,9 C37.5,9 37,8.5 36.5,8.5 L34.5,0.5 C31,1.38777878e-17 28,1.38777878e-17 24.5,0.5 L22.5,9 C21.5,9 20.5,9.5 19.5,10 L12,6 C9.5,8 7,10 5.5,13 L10,20.5 C10,21 9.5,21.5 9.5,22 C9.5,22.5 9,23 9,23.5 L0.5,25.5 C1.38777878e-17,29 1.38777878e-17,32 0.5,35.5 L9,37.5 C9,38.5 9.5,39.5 10,40.5 L6,48 C8,50.5 10.5,53 13,55 L20.5,50.5 C21,50.5 21.5,51 22,51 C22.5,51 23,51.5 23.5,51.5 L26,59.5 C29.5,60 32.5,60 35.5,59.5 L37.5,51 L40.5,49.5 L48,53.5 C50.5,51.5 53,49 55,46.5 L50.5,39 C50.5,38.5 51,38 51,37.5 C51,37 51.5,36.5 51.5,36 L59.5,33.5 C60,30 60,27 59.5,24 L51,22 L49.5,19 L53.5,11.5 C51.5,9 49,6.5 46.5,4.5 L39.5,9.5 L39.5,9.5 Z M40.5,34 C38,39.5 31.5,42.5 26,40.5 C20.5,38 17.5,31.5 19.5,26 C21.5,20.5 28,17.5 34,20 C39.5,22 42.5,28.5 40.5,34 L40.5,34 Z" id="Shape"></path>
+            </g>
+            <g id="Layer_64"></g>
+            <g id="Layer_65"></g>
+            <g id="Layer_66"></g>
+            <g id="Layer_50"></g>
         </g>
     </g>
 </svg>

data/images/album-icon.svg

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

data/images/album-placeholder-grid.svg

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

data/images/apply-check.svg

@@ -1,12 +1,20 @@
 <?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>
+<svg width="51px" height="50px" viewBox="0 0 51 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>apply-check</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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="apply-check" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="apply-check">
+                    <g id="Page-1">
+                        <g id="Group">
+                            <path d="M4.24000168,-0.24597168 C1.78800178,-0.24597168 -0.208998203,1.74902833 -0.208998203,4.2030282 L-0.208998203,43.8820291 C-0.208998203,46.3350291 1.78800178,48.3320289 4.24000168,48.3320289 L45,48.3320289 C47.4519999,48.3320289 49.4489999,46.3350289 49.4489999,43.8820291 L49.4489999,4.2030282 C49.4489746,1.74902344 47.4520264,-0.24597168 45,-0.24597168 L4.24000168,-0.24597168 Z" id="Shape" fill="#000000"></path>
+                            <path d="M38.992981,10.0159912 C38.112981,9.3459912 36.857981,9.5139912 36.1889811,10.3919912 L19.0559816,32.827992 L12.6759815,25.2839919 C11.9629815,24.4409919 10.6999816,24.3349919 9.8579814,25.0479919 C9.0139815,25.7619919 8.90898144,27.0239918 9.6219814,27.865992 L17.6079815,37.3099922 C17.9889815,37.7599922 18.5469815,38.0189922 19.1349815,38.0189922 C19.1519815,38.0189922 19.1679815,38.0189922 19.1849815,38.0179922 C19.7899815,38.0029922 20.3569815,37.7139922 20.7249814,37.2329922 L39.3689805,12.8199921 C40.0390015,11.94104 39.8709717,10.6870117 38.992981,10.0159912 C38.992981,10.0159912 39.8709717,10.6870117 38.992981,10.0159912 L38.992981,10.0159912" id="Shape" fill="#FFFFFF"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
         </g>
     </g>
 </svg>

data/images/artist-icon.svg

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

data/images/artist-placeholder-grid.svg

@@ -1,16 +1,75 @@
 <?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>
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <rect d="M0,0 L0,200 L200,200 L200,0 L0,0 Z M0,0" id="Rectangle-1" sketch:type="MSShapeGroup" x="0" y="0" width="200" height="200"></rect>
-        <g sketch:type="MSLayerGroup" transform="translate(14.000000, 6.000000)" id="artist-placeholder" fill="#9B9B9B">
-            <g sketch:type="MSShapeGroup">
-                <g id="Page-1">
-                    <path d="M171,65 C171,63 169,61 166,61 L109,60 L91,3 C90,1 88,0 86,0 C83,0 82,1 81,3 L62,60 L5,61 C3,61 1,63 0,65 C0,67 0,70 2,71 L47,107 L31,165 C30,167 31,169 33,171 C35,172 37,172 39,171 L86,136 L133,171 C133,171 134,172 136,172 C137,172 138,171 139,171 C140,169 141,167 140,165 L124,107 L169,71 C171,70 172,67 171,65 C171,65 172,67 171,65 L171,65 M115,101 C113,102 112,104 113,107 L126,153 L89,125 C87,124 85,124 83,125 L45,153 L58,107 C59,104 58,102 57,101 L20,72 L66,71 C68,71 70,69 71,67 L86,21 L101,67 C101,69 103,71 106,71 L151,72 L115,101" id="Shape"></path>
-                </g>
+        <rect id="Rectangle-1" fill="#D8D8D8" sketch:type="MSShapeGroup" x="0" y="0" width="200" height="200"></rect>
+        <g id="icon_Star" sketch:type="MSLayerGroup" transform="translate(70.000000, 70.000000)">
+            <g id="Layer_2"></g>
+            <g id="Layer_3"></g>
+            <g id="Layer_4"></g>
+            <g id="Layer_5"></g>
+            <g id="Layer_6"></g>
+            <g id="Layer_8"></g>
+            <g id="Layer_9"></g>
+            <g id="Layer_10"></g>
+            <g id="Layer_11"></g>
+            <g id="Layer_12"></g>
+            <g id="Layer_13"></g>
+            <g id="Layer_14"></g>
+            <g id="Layer_15"></g>
+            <g id="Layer_16"></g>
+            <g id="Layer_17"></g>
+            <g id="Layer_18"></g>
+            <g id="Layer_19"></g>
+            <g id="Layer_20"></g>
+            <g id="Layer_21"></g>
+            <g id="Layer_24"></g>
+            <g id="Layer_25"></g>
+            <g id="Layer_26"></g>
+            <g id="Layer_27"></g>
+            <g id="Layer_28"></g>
+            <g id="Layer_29"></g>
+            <g id="Layer_47"></g>
+            <g id="Layer_30"></g>
+            <g id="Layer_31"></g>
+            <g id="Layer_32"></g>
+            <g id="Layer_33"></g>
+            <g id="Layer_34"></g>
+            <g id="Layer_35"></g>
+            <g id="Layer_36"></g>
+            <g id="Layer_37"></g>
+            <g id="Layer_38"></g>
+            <g id="Layer_39"></g>
+            <g id="Layer_40"></g>
+            <g id="Layer_41"></g>
+            <g id="Layer_42"></g>
+            <g id="Layer_43"></g>
+            <g id="Layer_44"></g>
+            <g id="Layer_45"></g>
+            <g id="Layer_46"></g>
+            <g id="Layer_48"></g>
+            <g id="Layer_49"></g>
+            <g id="Layer_51"></g>
+            <g id="Layer_52"></g>
+            <g id="Layer_53"></g>
+            <g id="Layer_54"></g>
+            <g id="Layer_55"></g>
+            <g id="Layer_56"></g>
+            <g id="Layer_57"></g>
+            <g id="Layer_58"></g>
+            <g id="Layer_59"></g>
+            <g id="Layer_60"></g>
+            <g id="Layer_61"></g>
+            <g id="Layer_62"></g>
+            <g id="Layer_63"></g>
+            <g id="Layer_64" fill="#606060" sketch:type="MSShapeGroup">
+                <path d="M37,22.9090909 L30,0 L23,22.9090909 L0,22.9090909 L19,37.0909091 L11.5,60 L30,45.8181818 L48.5,60 L41,37.0909091 L60,22.9090909 L37,22.9090909 Z" id="Shape"></path>
             </g>
+            <g id="Layer_65"></g>
+            <g id="Layer_66"></g>
+            <g id="Layer_50"></g>
         </g>
     </g>
 </svg>

data/images/automatic-playlist.svg

@@ -1,16 +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>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <radialGradient cx="55.1087141%" cy="29.5365341%" fx="55.1087141%" fy="29.5365341%" r="100%" id="radialGradient-1">
-            <stop stop-color="rgb(149,198,243)" offset="0%"></stop>
-            <stop stop-color="rgb(124,142,212)" offset="100%"></stop>
-        </radialGradient>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <g id="g2598" fill="rgb(0,0,0)">
-            <path d="M20.0684075,81.2901123 L20.9789657,80.3761627 L28.3736486,85.5563411 L26.3575333,87.5775429 C24.502504,89.429181 24.502504,92.4457232 26.354142,94.2990568 C28.2074758,96.1523906 31.2223223,96.1523906 33.0807429,94.2990568 L37.4521008,89.9260028 C43.0087105,84.3710886 43.9158777,78.5380895 44.0939198,74.0751679 C44.1176588,73.4715203 44.1312239,72.8729597 44.126137,72.2777904 C44.1227457,70.6414986 44.0396594,69.0238586 43.9599643,67.4604792 C43.8802693,65.9310126 43.8175306,64.566023 43.8073568,63.1908597 C43.8005742,62.5685601 43.8073568,61.9479562 43.8310957,61.3358304 C43.8972257,59.8487549 44.0633983,58.2497669 44.516134,56.5795623 L52.9519391,62.4854738 C50.8357813,63.3502498 48.8077968,63.6622475 46.9392023,63.7792466 C46.9561587,64.8831078 47.0172017,66.0293599 47.0799404,67.2807417 C47.1562441,68.7627304 47.2291566,70.2141976 47.2478087,71.7080559 C53.384327,71.8182724 59.8447124,70.9823223 65.7777551,65.0492805 C71.9193604,58.9059797 72.6027032,52.2065091 72.4263565,45.8834694 C72.4077045,45.2781262 72.3839656,44.6710873 72.358531,44.0742222 C72.334792,43.5638348 72.3093574,43.0619256 72.2822272,42.5634077 C72.1499673,39.9283843 72.0160118,37.203492 72.3127487,34.6159469 C72.3907481,33.9139523 72.4958778,33.2797832 72.6213551,32.67444 C72.9180919,31.2941897 73.364045,30.0071996 73.9575188,28.7829478 C73.9575188,28.7829478 79.759797,31.8201554 80.0533419,33.0525673 C80.3468867,34.2849792 77.0808863,34.5243821 75.4191598,34.919466 C75.1444662,37.2391005 75.2733348,39.7486466 75.4055946,42.4023221 L75.4496813,43.3298368 C79.8227349,43.089056 85.3674752,42.0089338 90.6561747,36.720235 L95.0326197,32.3488769 C96.8859535,30.4938476 96.8842578,27.4756096 95.0292285,25.6256675 C93.1758947,23.7689425 90.162744,23.7689425 88.3077145,25.6222762 L87.3140699,26.6176165 L79.9176915,21.4391344 L82.0219799,19.3365417 C83.873618,17.4832079 83.873618,14.4683613 82.0202843,12.6150278 C80.165255,10.7599985 77.1504084,10.7599985 75.2987703,12.6150278 L70.9240212,16.9880814 C65.3724985,22.5413 64.4619399,28.3692118 64.2838981,32.8372216 C64.2584636,33.4408692 64.2482897,34.0428211 64.251681,34.6362948 C64.2550723,36.2437608 64.3347673,37.8291835 64.4127667,39.3637372 C64.4924618,40.9101602 64.561983,42.320932 64.5721568,43.7181389 C64.5772437,44.3421341 64.5738524,44.9627381 64.5450266,45.5765594 C64.4755054,47.1518083 64.294072,48.8491431 63.7735107,50.6244775 L55.1087939,44.559176 C57.3385596,43.5943573 59.4784561,43.2552295 61.4386153,43.1314478 C61.4199633,41.9987608 61.3589203,40.8236829 61.2961816,39.6316486 C61.2232691,38.1852683 61.1469654,36.7236272 61.1334002,35.2026389 C54.9951864,35.0924223 48.5314091,35.9317638 42.5949771,41.8681967 C36.4550673,48.0081065 35.7734208,54.7024898 35.949767,61.0255295 C35.9650278,61.6376553 35.9955493,62.2396072 36.0175926,62.8415591 L36.0938963,64.350678 C36.2244606,66.9873969 36.3618074,69.7088981 36.0650705,72.2964433 C35.9853754,73.0001335 35.8819414,73.632607 35.7547685,74.2379502 C35.4495534,75.6605915 34.9883396,76.9797988 34.3677356,78.234572 L28.2159564,73.9293439 C29.6945537,73.040829 31.2528463,72.4015729 32.9569637,71.992924 C33.2333529,69.6715939 33.1044843,67.1603523 32.9722244,64.5134597 L32.9247465,63.5842494 C28.5567799,63.8216389 23.0086482,64.9017611 17.7199494,70.1921557 L13.3468958,74.5652093 C11.4901708,76.4185431 11.4935621,79.4384766 13.3468958,81.2901146 C15.2002268,83.1451418 18.2150736,83.1451418 20.0684075,81.2901123 Z M20.0684075,81.2901123" id="path2600" fill="url(#radialGradient-1)"></path>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="g2550-+-g2554" sketch:type="MSLayerGroup" transform="translate(0.000000, 2.000000)" fill="#000000">
+            <g id="g2550" sketch:type="MSShapeGroup">
+                <path d="M54.8541622,14.9280009 L43.0142092,21.7644343 L30.0939982,21.7644343 C27.0593814,21.7644343 24.590457,24.2070779 24.590457,27.2088415 C24.590457,30.2139034 27.0593816,32.6532486 30.0939982,32.6532486 L42.0098167,32.6532486 L54.8541622,40.0702432 C55.9509123,40.7035823 56.3252917,42.1055047 55.6919804,43.1990041 C55.0603183,44.2958023 53.6601065,44.6701981 52.5650056,44.036859 L34.7564225,33.7566447 L45.0378364,51.5643579 C45.6694985,52.6611561 45.2951191,54.0614293 44.2000183,54.6931189 C43.1049175,55.3248086 41.7030563,54.9504129 41.0713944,53.8536147 L30.9878908,36.3873104 L30.9878908,43.9593409 C30.9878908,45.2227204 29.9620585,46.2485978 28.6987342,46.2485978 C27.4337608,46.2485978 26.4079283,45.2227205 26.4079283,43.9593409 L26.4079283,35.7061409 L15.9286048,53.8536147 C15.2969427,54.9504129 13.896731,55.3248086 12.8016301,54.6931189 C11.7065293,54.0614291 11.3321499,52.661156 11.9638119,51.5643579 L22.246875,33.7549947 L4.43664347,44.035209 C3.33989335,44.6685481 1.93968152,44.2958016 1.30801961,43.1990035 C0.674708276,42.1038547 1.04908763,40.7035815 2.14583775,40.0702425 L19.5668466,30.0126861 L12.4602358,30.0126861 C11.1969117,30.0126861 10.1710792,28.9851594 10.1710792,27.7234292 C10.1710792,26.4551018 11.1969116,25.4308737 12.4602358,25.4308737 L20.3403438,25.4308737 L2.14748629,14.9280009 C1.05073617,14.2930125 0.676356815,12.8943886 1.30801892,11.79924 C1.73352495,11.063643 2.50207462,10.6529622 3.29371381,10.6529622 C3.6829364,10.6529622 4.07545749,10.7535708 4.43664288,10.9613852 L22.2452261,21.2415995 L11.965462,3.43388621 C11.3321507,2.33873744 11.70653,0.94176288 12.8016309,0.306774504 C13.1628163,0.0973107947 13.5553374,8.84764461e-07 13.94456,8.84764461e-07 C14.7361992,8.84764461e-07 15.5063981,0.410681685 15.9302549,1.14462932 L26.4079293,19.2937516 L26.4079293,11.4842188 C26.4079293,10.21919 27.4337617,9.19331255 28.6987352,9.19331255 C29.9620593,9.19331255 30.9878918,10.2191899 30.9878918,11.4842188 L30.9878918,18.612582 L41.0730445,1.14627773 C41.4969013,0.410680776 42.2671002,0 43.0587394,0 C43.4463127,0 43.8404831,0.0989592276 44.2000191,0.30677362 C45.2967693,0.941761995 45.6711486,2.34038586 45.0394865,3.43388533 L34.7580726,21.2415986 L52.5650058,10.9630335 C52.9245419,10.7535698 53.3187123,10.6546105 53.7079349,10.6546105 C54.499574,10.6546105 55.269773,11.0652913 55.6919805,11.799239 C56.3252917,12.896038 55.9509123,14.2946618 54.8541622,14.9280009" id="path2552"></path>
+            </g>
+            <g id="g2554" transform="translate(26.000000, 24.000000)" sketch:type="MSShapeGroup">
+                <path d="M1.88781858,7 C0.845060474,7 0,5.43204391 0,3.5 C0,1.56612642 0.845060474,0 1.88781858,0 L33,0 L33,7 L1.88781858,7 L1.88781858,7 L1.88781858,7" id="path2556"></path>
+            </g>
         </g>
     </g>
 </svg>

data/images/back.svg

@@ -1,16 +1,95 @@
-<?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>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px"
+	 height="14px" viewBox="0 0 14 14" enable-background="new 0 0 14 14" xml:space="preserve">
+<g id="Layer_2">
+</g>
+<g id="Layer_3">
+</g>
+<g id="Layer_4">
+</g>
+<g id="Layer_5">
+</g>
+<g id="Layer_6">
+</g>
+<g id="Layer_8">
+</g>
+<g id="Layer_9">
+</g>
+<g id="Layer_10">
+</g>
+<g id="Layer_11">
+</g>
+<g id="Layer_12">
+</g>
+<g id="Layer_13">
+</g>
+<g id="Layer_14">
+</g>
+<g id="Layer_15">
+</g>
+<g id="Layer_16">
+</g>
+<g id="Layer_17">
+</g>
+<g id="Layer_18">
+</g>
+<g id="Layer_19">
+</g>
+<g id="Layer_20">
+</g>
+<g id="Layer_21">
+</g>
+<g id="Layer_24">
+</g>
+<g id="Layer_25">
+</g>
+<g id="Layer_26">
+</g>
+<g id="Layer_27">
+</g>
+<g id="Layer_28">
+</g>
+<g id="Layer_29">
+</g>
+<g id="Layer_47">
+</g>
+<g id="Layer_30">
+</g>
+<g id="Layer_31">
+</g>
+<g id="Layer_32">
+</g>
+<g id="Layer_33">
+</g>
+<g id="Layer_34">
+</g>
+<g id="Layer_35">
+</g>
+<g id="Layer_36">
+</g>
+<g id="Layer_37">
+</g>
+<g id="Layer_38">
+	<g>
+		<polygon points="11.7,13.9 1.7,7 11.7,0.1 12.3,0.9 3.5,7 12.3,13.1 		"/>
+	</g>
+</g>
+<g id="Layer_39">
+</g>
+<g id="Layer_40">
+</g>
+<g id="Layer_41">
+</g>
+<g id="Layer_42">
+</g>
+<g id="Layer_43">
+</g>
+<g id="Layer_44">
+</g>
+<g id="Layer_45">
+</g>
+<g id="Layer_46">
+</g>
+</svg>

data/images/beatsmusic.svg

@@ -0,0 +1,45 @@
+<?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"
+   version="1.1"
+   width="209.9375"
+   height="209.93625"
+   id="svg2"
+   xml:space="preserve"><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"><clipPath
+       id="clipPath16"><path
+         d="m 190.352,296.129 0,-46.533 c 7.015,5.27 15.744,8.394 25.19,8.394 l 0,0 c 23.195,0 41.988,-18.797 41.988,-41.992 l 0,0 c 0,-23.186 -18.793,-41.987 -41.988,-41.987 l 0,0 c -23.19,0 -41.989,18.801 -41.989,41.987 l 0,0 0,72.744 c -25.096,-14.519 -41.985,-41.664 -41.985,-72.744 l 0,0 c 0,-46.373 37.602,-83.973 83.974,-83.973 l 0,0 c 46.38,0 83.976,37.6 83.976,83.973 l 0,0 c 0,46.381 -37.596,83.976 -83.976,83.976 l 0,0 c -8.78,0 -17.242,-1.349 -25.19,-3.845 m 12.595,-65.437 0,-29.394 c 0,-3.475 2.821,-6.296 6.299,-6.296 l 0,0 c 1.404,0 2.703,0.461 3.752,1.24 l 0,0 0,-0.002 20.12,14.619 -0.002,0.002 c 1.605,1.143 2.652,3.016 2.652,5.135 l 0,0 c 0,2.117 -1.047,3.99 -2.652,5.133 l 0,0 0.002,0.002 -20.12,14.619 0,-0.002 c -1.049,0.779 -2.348,1.24 -3.752,1.24 l 0,0 c -3.478,0 -6.299,-2.82 -6.299,-6.296"
+         id="path18" /></clipPath><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       id="linearGradient24"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(118.75739,118.75739,118.75739,-118.75739,156.16501,156.62248)"
+       spreadMethod="pad"><stop
+         id="stop26"
+         style="stop-color:#89278e;stop-opacity:1"
+         offset="0" /><stop
+         id="stop28"
+         style="stop-color:#e31837;stop-opacity:1"
+         offset="1" /></linearGradient></defs><g
+     transform="matrix(1.25,0,0,-1.25,-164.46,374.9675)"
+     id="g10"><g
+       id="g12"><g
+         clip-path="url(#clipPath16)"
+         id="g14"><g
+           id="g20"><g
+             id="g22"><path
+               d="m 190.352,296.129 0,-46.533 c 7.015,5.27 15.744,8.394 25.19,8.394 l 0,0 c 23.195,0 41.988,-18.797 41.988,-41.992 l 0,0 c 0,-23.186 -18.793,-41.987 -41.988,-41.987 l 0,0 c -23.19,0 -41.989,18.801 -41.989,41.987 l 0,0 0,72.744 c -25.096,-14.519 -41.985,-41.664 -41.985,-72.744 l 0,0 c 0,-46.373 37.602,-83.973 83.974,-83.973 l 0,0 c 46.38,0 83.976,37.6 83.976,83.973 l 0,0 c 0,46.381 -37.596,83.976 -83.976,83.976 l 0,0 c -8.78,0 -17.242,-1.349 -25.19,-3.845 m 12.595,-65.437 0,-29.394 c 0,-3.475 2.821,-6.296 6.299,-6.296 l 0,0 c 1.404,0 2.703,0.461 3.752,1.24 l 0,0 0,-0.002 20.12,14.619 -0.002,0.002 c 1.605,1.143 2.652,3.016 2.652,5.135 l 0,0 c 0,2.117 -1.047,3.99 -2.652,5.133 l 0,0 0.002,0.002 -20.12,14.619 0,-0.002 c -1.049,0.779 -2.348,1.24 -3.752,1.24 l 0,0 c -3.478,0 -6.299,-2.82 -6.299,-6.296"
+               id="path30"
+               style="fill:url(#linearGradient24);stroke:none" /></g></g></g></g></g></svg>

data/images/cancel.svg

@@ -1,14 +1,18 @@
 <?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>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
-            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
-            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <path d="M36.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>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="cancel" sketch:type="MSLayerGroup">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="cancel">
+                    <g id="Page-1">
+                        <path d="M17.5,42.5 L45,14" id="Line" stroke="#000000" stroke-width="10" stroke-linecap="square"></path>
+                        <path d="M0,29.9993506 C0,46.5411446 13.4588529,60 30.0006494,60 C46.5424458,60 60,46.5411471 60,29.9993506 C60,13.4575542 46.5424817,0 30.0006494,0 C13.4588542,0 0,13.4575567 0,29.9993506 Z M30,50 C41.0456955,50 50,41.0456955 50,30 C50,18.9543045 41.0456955,10 30,10 C18.9543045,10 10,18.9543045 10,30 C10,41.0456955 18.9543045,50 30,50 Z" id="Oval-1" fill="#000000"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
     </g>
 </svg>

data/images/charts.svg

@@ -1,16 +1,28 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>charts</title>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <radialGradient cx="50%" cy="25.578859%" fx="50%" fy="25.578859%" r="74.4211435%" id="radialGradient-1">
-            <stop stop-color="rgb(67,112,14)" offset="0%"></stop>
-            <stop stop-color="rgb(125,237,22)" offset="100%"></stop>
-        </radialGradient>
-        <path d="M12.6880041,58.1100338 C10.7249589,58.1100338 9.13496935,56.2763784 9.13493435,54.014699 L9.13493435,25.7770118 C9.13493435,23.5153566 10.7250023,21.683366 12.6879943,21.683366 L18.844184,21.683366 C20.807176,21.683366 22.3972439,23.5153566 22.3972439,25.7770118 L22.3972439,54.014699 C22.3972439,56.2763526 20.807176,58.1100338 18.844184,58.1100338 Z M33.2428954,58.1100338 C31.2798503,58.1100338 29.6898607,56.2763784 29.6898271,54.014699 L29.6898271,41.0013078 C29.6898271,38.7396542 31.2798923,36.9076636 33.242887,36.9076636 L39.3990754,36.9076636 C41.3620673,36.9076636 42.9521353,38.7396542 42.9521353,41.0013078 L42.9521353,54.014699 C42.9521353,56.2763526 41.3620673,58.1100338 39.3990754,58.1100338 Z M59.9539668,58.1100338 L53.7977868,58.1100338 C51.8347416,58.1100338 50.2447521,56.2763784 50.2447185,54.014699 L50.2447185,7.16953817 C50.2447185,4.9078842 51.8347865,3.07589402 53.7977756,3.07589402 L59.9539668,3.07589402 C61.9169615,3.07589402 63.5070295,4.9078844 63.5070295,7.16953817 L63.5070295,54.014699 C63.5070295,56.2763526 61.9169615,58.1100338 59.9539668,58.1100338 Z M3.31053384,63.6787297 L70.6895101,63.6787297 C72.3030676,63.6787297 73.6141839,65.1875721 73.6141335,67.0483749 L73.6141335,67.2851962 C73.6141335,69.1459409 72.3044902,70.6548414 70.6894653,70.6548414 L3.31053384,70.6548414 C1.6955068,70.6548414 0.385866463,69.147638 0.385866463,67.2851962 L0.385866463,67.0483749 C0.385866463,65.1876237 1.69403853,63.6787297 3.31053384,63.6787297 Z M3.31053384,63.6787297" id="path-2"></path>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <use id="Shape" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
-        <use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="charts" sketch:type="MSLayerGroup" transform="translate(1.000000, 0.000000)" fill="#000000">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="charts">
+                    <g id="Page-1">
+                        <g id="charts">
+                            <g id="Page-1">
+                                <g id="Group">
+                                    <path d="M55.5771484,45.8056815 L19.851435,45.8056815 C18.4985778,45.8056815 17.4000065,48.8856815 17.4000065,52.6736817 C17.4000065,56.4616815 18.4985779,59.5376815 19.851435,59.5376815 L55.5771484,59.5376815 C56.9300056,59.5376815 58.028577,56.4616815 58.028577,52.6736817 C58.028577,48.8856818 56.9314314,45.8056815 55.5771484,45.8056815 L55.5771484,45.8056815" id="Shape"></path>
+                                    <path d="M55.5771484,23.7842494 L19.851435,23.7842494 C18.4985778,23.7842494 17.4000065,26.8562495 17.4000065,30.6482495 C17.4000065,34.4402492 18.4985779,37.5082495 19.851435,37.5082495 L55.5771484,37.5082495 C56.9300056,37.5082495 58.028577,34.4402494 58.028577,30.6482495 C58.028577,26.8562492 56.9314314,23.7842494 55.5771484,23.7842494 L55.5771484,23.7842494" id="Shape"></path>
+                                    <path d="M19.8528355,14.4880371 L55.578549,14.4880371 C56.9314062,14.4880371 58.0299775,11.4160371 58.0299775,7.62803696 C58.0299775,3.83603689 56.9314061,0.76003691 55.578549,0.76003691 L19.8528355,0.76003691 C18.4999783,0.76003691 17.401407,3.83603689 17.401407,7.62803696 C17.4014457,11.4199218 18.4985526,14.4880371 19.8528355,14.4880371 C19.8528355,14.4880371 18.4985526,14.4880371 19.8528355,14.4880371 L19.8528355,14.4880371" id="Shape"></path>
+                                    <path d="M10.6863665,0.722830636 L2.95182071,0.722830636 C1.22818432,0.722830636 -0.169997488,2.11919428 -0.169997488,3.84101251 L-0.169997488,11.5791944 C-0.169997488,13.3010126 1.22818432,14.7010126 2.95182071,14.7010126 L10.6863665,14.7010126 C12.4100029,14.7010126 13.8081846,13.3010126 13.8081846,11.5791944 L13.8081846,3.84101251 C13.8082037,2.11742847 12.4099993,0.722830636 10.6863665,0.722830636 L10.6863665,0.722830636" id="Shape"></path>
+                                    <path d="M10.6863665,23.7428676 L2.95182071,23.7428676 C1.22818432,23.7428676 -0.169997488,25.1428676 -0.169997488,26.8665041 L-0.169997488,34.6028679 C-0.169997488,36.3246862 1.22818432,37.7210497 2.95182071,37.7210497 L10.6863665,37.7210497 C12.4100029,37.7210497 13.8081846,36.3246862 13.8081846,34.6028679 L13.8081846,26.8665041 C13.8082037,25.1429031 12.4099993,23.7428676 10.6863665,23.7428676 L10.6863665,23.7428676" id="Shape"></path>
+                                    <path d="M10.6863665,45.767177 L2.95182071,45.767177 C1.22818432,45.767177 -0.169997488,47.1635407 -0.169997488,48.887177 L-0.169997488,56.6235408 C-0.169997488,58.345359 1.22818432,59.7435408 2.95182071,59.7435408 L10.6863665,59.7435408 C12.4100029,59.7435408 13.8081846,58.3453589 13.8081846,56.6235408 L13.8081846,48.887177 C13.8082037,47.1616639 12.4099993,45.767177 10.6863665,45.767177 L10.6863665,45.767177" id="Shape"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
     </g>
 </svg>

data/images/closed-padlock.svg

@@ -1,12 +1,16 @@
 <?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>
+<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>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="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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="closed-padlock" sketch:type="MSLayerGroup" transform="translate(5.000000, 1.000000)">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <path d="M30.8569946,16.8280029 L28.4989946,16.8280029 C28.5089946,16.7290029 28.5289946,16.6340029 28.5289946,16.5330029 L28.5289946,11.4480029 C28.5289946,4.9580031 23.2489944,-0.322997 16.7589941,-0.322997 C10.2689939,-0.322997 4.9899941,4.9570032 4.9899941,11.4480029 L4.9899941,16.5330029 C4.9899941,16.6340029 5.0099941,16.7290029 5.0199941,16.8280029 L3.628994,16.8280029 C1.464994,16.8280029 -0.29600591,18.5900029 -0.29600591,20.7530029 L-0.29600591,39.4710033 C-0.29600591,41.6360033 1.4649941,43.3970034 3.628994,43.3970034 L30.8569947,43.3970034 C33.0209947,43.3970034 34.7819946,41.6360034 34.7819946,39.4710033 L34.7819946,20.7530029 C34.7820129,18.5899658 33.0209961,16.8280029 30.8569946,16.8280029 L30.8569946,16.8280029 M10.9979858,16.532959 L10.9979858,11.4479589 C10.9979858,8.269959 13.581986,5.6849589 16.758986,5.6849589 C19.935986,5.6849589 22.5209861,8.269959 22.5209861,11.4479589 L22.5209861,16.532959 C22.5209861,16.633959 22.5409861,16.728959 22.5509861,16.827959 L10.9679859,16.827959 C10.9779968,16.7290039 10.9979858,16.6340332 10.9979858,16.532959 C10.9979858,16.532959 10.9979858,16.6340332 10.9979858,16.532959 L10.9979858,16.532959" id="Shape" fill="#000000"></path>
+                    <path d="M17.2420044,29.1169434 C16.0000044,29.1169434 14.9940045,30.1239433 14.9940045,31.3649433 L14.9940045,35.6949432 L19.4920046,35.6949432 L19.4920046,31.3649433 C19.4920044,30.1240234 18.4849854,29.1169434 17.2420044,29.1169434 L17.2420044,29.1169434" id="Shape" fill="#FFFFFF"></path>
+                </g>
+            </g>
         </g>
     </g>
 </svg>

data/images/collection.svg

@@ -1,16 +1,78 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="74px" height="68px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>collection</title>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <radialGradient cx="48.2475281%" cy="50%" fx="48.2475281%" fy="50%" r="81.9925606%" id="radialGradient-1">
-            <stop stop-color="rgb(83,102,136)" offset="0%"></stop>
-            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
-        </radialGradient>
-        <path d="M18.0049167,0 L56.9950833,0 C58.6532394,0 60,1.34389141 60,3.00166547 L60,4.99833453 C60,6.66097987 58.654653,8 56.9950833,8 L18.0049167,8 C16.3467606,8 15,6.65610859 15,4.99833453 L15,3.00166547 C15,1.33902013 16.345347,0 18.0049167,0 Z M17.5049167,15 L56.4950833,15 C58.1532394,15 59.5,16.3438914 59.5,18.0016655 L59.5,19.9983345 C59.5,21.6609799 58.154653,23 56.4950833,23 L17.5049167,23 C15.8467606,23 14.5,21.6561086 14.5,19.9983345 L14.5,18.0016655 C14.5,16.3390201 15.845347,15 17.5049167,15 Z M18.0049167,30 L56.9950833,30 C58.6532394,30 60,31.3438914 60,33.0016655 L60,34.9983345 C60,36.6609799 58.654653,38 56.9950833,38 L18.0049167,38 C16.3467606,38 15,36.6561086 15,34.9983345 L15,33.0016655 C15,31.3390201 16.345347,30 18.0049167,30 Z M17.4772685,45 L56.4674351,45 C58.1255911,45 59.4723518,46.3438914 59.4723518,48.0016655 L59.4723518,49.9983345 C59.4723518,51.6609799 58.1270047,53 56.4674351,53 L17.4772685,53 C15.8191124,53 14.4723518,51.6561086 14.4723518,49.9983345 L14.4723518,48.0016655 C14.4723518,46.3390201 15.8176988,45 17.4772685,45 Z M8.05129913,60 L65.9487009,60 L65.9487009,34.999854 C65.9487009,33.3499755 67.2897874,32 68.9441015,32 L70.5322476,32 C72.1901307,32 73.5276482,33.3430804 73.5276482,34.999854 L73.5276482,64.5444498 C73.5276482,65.4958702 73.0816863,66.3475616 72.3868662,66.8981603 C71.8693265,67.3237633 71.2063342,67.5789474 70.4835672,67.5789474 L3.51643275,67.5789474 C2.87373094,67.5789474 2.27755463,67.3758914 1.78900862,67.0303375 C0.993762261,66.4910318 0.472351765,65.5788851 0.472351765,64.5444498 L0.472351765,34.999854 C0.472351765,33.3499755 1.81343833,32 3.46775245,32 L5.05589845,32 C6.71378156,32 8.05129913,33.3430804 8.05129913,34.999854 Z M8.05129913,60" id="path-2"></path>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <use id="Rectangle 1" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
-        <use id="Rectangle 1-1" stroke="none" fill="none" xlink:href="#path-2"></use>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="icon_Collection" sketch:type="MSLayerGroup">
+            <g id="Layer_2"></g>
+            <g id="Layer_3"></g>
+            <g id="Layer_4"></g>
+            <g id="Layer_5"></g>
+            <g id="Layer_6"></g>
+            <g id="Layer_8"></g>
+            <g id="Layer_9"></g>
+            <g id="Layer_10"></g>
+            <g id="Layer_11"></g>
+            <g id="Layer_12"></g>
+            <g id="Layer_13"></g>
+            <g id="Layer_14"></g>
+            <g id="Layer_15"></g>
+            <g id="Layer_16"></g>
+            <g id="Layer_17"></g>
+            <g id="Layer_18"></g>
+            <g id="Layer_19"></g>
+            <g id="Layer_20"></g>
+            <g id="Layer_21"></g>
+            <g id="Layer_24"></g>
+            <g id="Layer_25"></g>
+            <g id="Layer_26"></g>
+            <g id="Layer_27"></g>
+            <g id="Layer_28"></g>
+            <g id="Layer_29"></g>
+            <g id="Layer_47"></g>
+            <g id="Layer_30"></g>
+            <g id="Layer_31"></g>
+            <g id="Layer_32"></g>
+            <g id="Layer_33"></g>
+            <g id="Layer_34"></g>
+            <g id="Layer_35"></g>
+            <g id="Layer_36" fill="#000000" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <rect id="Rectangle" x="43.6363636" y="0" width="16.3636364" height="60"></rect>
+                    <rect id="Rectangle" x="0" y="0" width="16.3636364" height="60"></rect>
+                    <rect id="Rectangle" x="21.8181818" y="0" width="16.3636364" height="60"></rect>
+                </g>
+            </g>
+            <g id="Layer_37"></g>
+            <g id="Layer_38"></g>
+            <g id="Layer_39"></g>
+            <g id="Layer_40"></g>
+            <g id="Layer_41"></g>
+            <g id="Layer_42"></g>
+            <g id="Layer_43"></g>
+            <g id="Layer_44"></g>
+            <g id="Layer_45"></g>
+            <g id="Layer_46"></g>
+            <g id="Layer_48"></g>
+            <g id="Layer_49"></g>
+            <g id="Layer_51"></g>
+            <g id="Layer_52"></g>
+            <g id="Layer_53"></g>
+            <g id="Layer_54"></g>
+            <g id="Layer_55"></g>
+            <g id="Layer_56"></g>
+            <g id="Layer_57"></g>
+            <g id="Layer_58"></g>
+            <g id="Layer_59"></g>
+            <g id="Layer_60"></g>
+            <g id="Layer_61"></g>
+            <g id="Layer_62"></g>
+            <g id="Layer_63"></g>
+            <g id="Layer_64"></g>
+            <g id="Layer_65"></g>
+            <g id="Layer_66"></g>
+            <g id="Layer_50"></g>
+        </g>
     </g>
 </svg>

data/images/configure.svg

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

data/images/dashboard.svg

@@ -1,21 +1,13 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="54px" height="54px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>dashboard</title>
+<svg width="62px" height="62px" viewBox="0 0 62 62" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs>
-        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="244.726896%" id="radialGradient-1">
-            <stop stop-color="rgb(254,255,254)" offset="0%"></stop>
-            <stop stop-color="rgb(250,250,250)" offset="0%"></stop>
-            <stop stop-color="rgb(129,129,129)" offset="0%"></stop>
-            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
-        </radialGradient>
-        <path d="M2.91098976,28.1920242 C2.91098976,33.9540243 4.93898988,39.5620241 8.62398958,43.9850245 C8.94898957,44.3770244 9.4329896,44.6020244 9.94198954,44.6020244 L45.2639881,44.6020244 C45.7739881,44.6020244 46.2559881,44.3760244 46.5819881,43.9850245 C50.2659881,39.5620246 52.2949879,33.9540243 52.2949879,28.1920242 C52.2949829,14.5769043 41.21698,3.49902344 27.6019897,3.49902344 C13.98699,3.49902344 2.91098976,14.5770235 2.91098976,28.1920242 Z M2.91098976,28.1920242" id="path-2"></path>
-    </defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <g id="Group" fill="rgb(0,0,0)">
-            <use id="Shape" stroke="rgb(254,255,254)" stroke-width="2" fill="url(#radialGradient-1)" xlink:href="#path-2"></use>
-            <use id="Shape-1" stroke="none" fill="none" xlink:href="#path-2"></use>
-            <path d="M36.9169866,21.8380293 C37.2319866,21.5710293 37.6349866,21.4050293 38.0799866,21.4050293 C39.0820007,21.4050293 39.894989,22.2180176 39.8939861,23.2200301 C39.8939861,23.64403 39.7429861,24.02903 39.5019861,24.34103 L30.317986,35.4180297 C30.198986,35.6020297 30.068986,35.7730297 29.890986,35.9600297 C29.3089861,36.5490297 28.4989861,36.9170297 27.6039861,36.9170297 C25.8249862,36.9170297 24.3829861,35.4740298 24.3829861,33.6960298 C24.3829861,32.5890296 24.9419862,31.6120296 25.7929861,31.0330297 Z M11.3519897,27.4318848 C11.9200134,27.4318848 12.381012,27.8920898 12.3809898,28.4608848 C12.3809898,29.0288849 11.9199898,29.4898849 11.3519897,29.4898849 L9.5729897,29.4898849 C9.00498965,29.4898849 8.54398966,29.0288848 8.54398966,28.4608848 C8.54398966,27.8918848 9.00498968,27.4318848 9.5729897,27.4318848 Z M15.1270142,14.9970703 L16.4680141,16.3370703 C16.8700141,16.7380704 16.8700141,17.3910703 16.4680141,17.7930703 C16.2660141,17.9940703 16.0030141,18.0950703 15.7400141,18.0950703 C15.4770141,18.0950703 15.2120141,17.9940703 15.0110141,17.7930703 L13.6720141,16.4540703 C13.2700141,16.0520703 13.270014,15.3990703 13.6720141,14.9970703 C14.0740142,14.5950703 14.7250142,14.5970703 15.1270142,14.9970703 Z M27.8250122,12.7929688 C27.256012,12.7929688 26.79599,12.3320312 26.7960122,11.7629688 L26.7960122,10.0609688 C26.7960122,9.49196878 27.2560122,9.03096879 27.8250122,9.03096879 C28.3940122,9.03096879 28.8550122,9.49196875 28.8550122,10.0609688 L28.8550122,11.7629688 C28.8550122,12.3319688 28.3940122,12.7929688 27.8250122,12.7929688 Z M40.3519897,15.0209961 C40.7550049,14.6169434 41.4079897,14.618996 41.8099897,15.019996 C42.2119897,15.4209961 42.2119897,16.073996 41.8099897,16.475996 L40.4939897,17.792996 C40.2919898,17.993996 40.0289898,18.094996 39.7649898,18.094996 C39.5019897,18.094996 39.2389898,17.9939961 39.0379898,17.792996 C38.6349898,17.3909961 38.6349898,16.7389961 39.0359898,16.3369961 Z M45.5960083,27.4331055 C46.1640015,27.4331055 46.625,27.894043 46.6250083,28.4621055 C46.6250083,29.0311055 46.1640083,29.4911056 45.5960083,29.4911056 L43.7420083,29.4911056 C43.1740083,29.4911056 42.7130083,29.0311055 42.7130083,28.4621055 C42.7130083,27.8941055 43.1740083,27.4331055 43.7420083,27.4331055 Z M45.5960083,27.4331055" id="Shape" fill="rgb(254,255,254)"></path>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="g574" sketch:type="MSLayerGroup" transform="translate(25.250000, 16.875000)" fill="#000000">
+            <path d="M25.28,31.25 L3.49180006,31.25 C1.67480066,31.25 0.20224041,30.6675 0.20224041,29.9474999 L0.20224041,1.48874968 C0.20224041,0.769999698 1.67480038,0.186249614 3.49180044,0.186249614 L25.2800004,0.186249614 C27.1001603,0.186249614 28.5727206,0.769999623 28.5727206,1.48874968 L28.5727206,29.9474999 C28.5727202,30.6675 27.1001599,31.25 25.28,31.25" id="path576" sketch:type="MSShapeGroup"></path>
         </g>
+        <path d="M20.4691028,19.6025008 L10.0308973,19.6025008 L10.0308973,45.4600018 L20.4691028,45.4600018 L20.4691028,19.6025008 L20.4691028,19.6025008 L20.4691028,19.6025008 M20.9850466,48.0625003 L9.51544862,48.0625003 C9.23073877,48.0625003 9,47.4800003 9,46.7612503 L9,18.3025001 C9,17.5825001 9.23073876,17 9.51544862,17 L20.9850466,17 C21.2692613,17 21.5,17.5825 21.5,18.3025001 L21.5,46.7612503 C21.5,47.4800003 21.2692612,48.0625003 20.9850466,48.0625003" id="path578" fill="#000000" sketch:type="MSShapeGroup"></path>
+        <path d="M4,49 L58,49 L58,7 L4,7 L4,49 L4,49 L4,49 M2.1523901,58 C0.962682853,58 0,57.021545 0,55.8151617 L0,5.18483831 C0,3.97845497 0.962682853,3 2.1523901,3 L59.8463694,3 C61.0360767,3 62,3.97845497 62,5.18483831 L62,55.8151617 C62,57.021545 61.0360766,58 59.8463694,58 L2.1523901,58 Z" id="path580" fill="#000000" sketch:type="MSShapeGroup" transform="translate(31.000000, 30.500000) scale(1, -1) translate(-31.000000, -30.500000) "></path>
     </g>
 </svg>

data/images/delete.svg

@@ -1,19 +1,23 @@
 <?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>
+<svg width="182px" height="182px" viewBox="0 0 182 182" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
     <defs>
         <linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
-            <stop stop-color="rgb(123,125,121)" offset="0%"></stop>
-            <stop stop-color="rgb(0,0,0)" offset="100%"></stop>
+            <stop stop-color="#7B7D79" offset="0%"></stop>
+            <stop stop-color="#000000" 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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="delete" sketch:type="MSLayerGroup" transform="translate(8.000000, 0.000000)">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <path d="M154.118966,22.7996141 L119.176682,22.7996141 L119.176682,13.123078 C119.176682,5.7329807 112.745825,-0.27345888 104.833538,-0.27345888 L59.3075378,-0.27345888 C51.3952523,-0.27345888 44.9692525,5.7329802 44.9692525,13.123078 L44.9692525,22.7996141 L10.0221088,22.7996141 C4.6598232,22.7996141 0.3272514,26.8507849 0.3272514,31.8546388 C0.3272514,36.8584926 4.66468,40.9096634 10.0221088,40.9096634 L16.1129657,40.9096634 L16.1129657,172.924299 C16.1129657,177.088885 19.7315372,180.464104 24.1903942,180.464104 L139.96039,180.464104 C144.419247,180.464104 148.037818,177.088884 148.037818,172.924299 L148.037818,40.9096634 L154.123818,40.9096634 C159.47639,40.9096634 163.813818,36.8539561 163.813818,31.8546388 C163.808943,26.8466559 159.466448,22.7996141 154.118966,22.7996141 L154.118966,22.7996141 M57.889195,13.1228206 C57.889195,12.3878938 58.5206236,11.793601 59.3026236,11.793601 L104.828624,11.793601 C105.610624,11.793601 106.24691,12.3878937 106.24691,13.1228206 L106.24691,22.7993567 L57.8891942,22.7993567 L57.8891942,13.1228206 L57.889195,13.1228206" id="Shape" fill="#000000"></path>
+                    <path d="M51.8954381,156.07067 C54.5765808,156.07067 56.7477238,154.047353 56.7477238,151.538621 L56.7477238,57.2502289 C56.7477238,54.7460338 54.576581,52.7181801 51.8954381,52.7181801 C49.2191523,52.7181801 47.0528667,54.7460337 47.0528667,57.2502289 L47.0528667,151.538621 C47.0528216,154.047149 49.219029,156.07067 51.8954381,156.07067 C51.8954381,156.07067 49.219029,156.07067 51.8954381,156.07067 L51.8954381,156.07067" id="Shape" fill="#FEFFFE"></path>
+                    <path d="M82.0729283,156.07067 C84.749214,156.07067 86.920357,154.047353 86.920357,151.538621 L86.920357,57.2502289 C86.920357,54.7460338 84.749214,52.7181801 82.0729283,52.7181801 C79.3966424,52.7181801 77.2254996,54.7460337 77.2254996,57.2502289 L77.2254996,151.538621 C77.2255685,154.047149 79.3965193,156.07067 82.0729283,156.07067 C82.0729283,156.07067 79.3965193,156.07067 82.0729283,156.07067 L82.0729283,156.07067" id="Shape" fill="#FEFFFE"></path>
+                    <path d="M112.245379,156.07067 C114.921664,156.07067 117.092807,154.047353 117.092807,151.538621 L117.092807,57.2502289 C117.092807,54.7460338 114.921665,52.7181801 112.245379,52.7181801 C109.569093,52.7181801 107.39795,54.7460337 107.39795,57.2502289 L107.39795,151.538621 C107.398019,154.047149 109.569266,156.07067 112.245379,156.07067 C112.245379,156.07067 109.569266,156.07067 112.245379,156.07067 L112.245379,156.07067" id="Shape" fill="#FEFFFE"></path>
+                </g>
+            </g>
         </g>
     </g>
 </svg>

data/images/downloading.svg

@@ -1,12 +1,16 @@
 <?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>
+<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>Slice 1</title>
     <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
     <defs></defs>
-    <g id="Page 1" fill="rgb(215,215,215)" fill-rule="evenodd">
-        <g id="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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="downloading" sketch:type="MSLayerGroup" transform="translate(1.000000, 3.000000)" fill="#000000">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <path d="M47.4456548,21.2529297 C45.8989097,21.2529297 44.6458116,22.4829297 44.6458116,23.9989297 L44.6458116,36.9829299 L5.336869,36.9829299 L5.336869,23.9989297 C5.336869,22.4829297 4.083771,21.2529297 2.53702579,21.2529297 C0.99130026,21.2529297 -0.2628174,22.4829297 -0.2628174,23.9989297 L-0.2628174,39.7289293 C-0.2628174,41.2449293 0.99130026,42.4749293 2.53702579,42.4749293 L47.4456514,42.4749293 C48.9913769,42.4749293 50.2444748,41.2449293 50.2444748,39.7289293 L50.2444748,23.9989297 C50.2444733,22.4829102 48.9903445,21.2529297 47.4456548,21.2529297 L47.4456548,21.2529297" id="Shape"></path>
+                    <path d="M25.2160075,34.5520474 C25.6057932,34.5520474 25.9711607,34.3456504 26.1999677,33.9986642 L34.3393436,21.6437623 C34.607943,21.2359538 34.6477355,20.6955328 34.4388249,20.2468438 C34.231723,19.7971576 33.8111886,19.5129879 33.3544791,19.5129879 L28.05665,19.5129879 L28.05665,3.13384359 C28.05665,1.40389804 26.7850986,0 25.2160077,0 C23.6469169,0 22.3735569,1.40290102 22.3735569,3.13384359 L22.3735569,19.5129879 L17.0757277,19.5129879 C16.6181139,19.5149821 16.1984839,19.7981547 15.9922864,20.2468438 C15.7842801,20.6955328 15.8213595,21.2369509 16.0908633,21.6437623 L24.2293343,33.9986642 C24.45995,34.3456504 24.8253175,34.5520474 25.2160075,34.5520474 Z" id="Shape"></path>
+                </g>
+            </g>
         </g>
     </g>
 </svg>

data/images/filter.svg

@@ -1,13 +1,17 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="50px" height="50px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>filter</title>
+<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>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="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 id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="filter" sketch:type="MSLayerGroup" fill="#000000">
+            <g id="Page-1" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <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.0449829,42.8669434" id="Shape"></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"></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"></path>
+                </g>
+            </g>
         </g>
     </g>
 </svg>