secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Material icons

Browse Source
This commit is contained in:
James Barnsley
2018-05-15 21:30:57 +12:00
parent 9d398e53c9
commit c8d0d90d1a
105 changed files with 1351 additions and 946 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
mopidy_iris/static/MaterialIcons-Regular.eot Normal file
View File

Binary file not shown.

BIN
mopidy_iris/static/MaterialIcons-Regular.ttf Normal file
View File

Binary file not shown.

123
mopidy_iris/static/app.css
View File

File diff suppressed because one or more lines are too long

251
mopidy_iris/static/app.js
View File

@ -4189,6 +4189,10 @@ var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _reactFontawesome = __webpack_require__(5);
var _reactFontawesome2 = _interopRequireDefault(_reactFontawesome);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@ -4209,12 +4213,27 @@ var Icon = function (_React$Component) {
_createClass(Icon, [{
key: 'render',
value: function render() {
var className = 'icon icon-' + this.props.name;
var className = "icon";
if (this.props.className) {
className += ' ' + this.props.className;
}
return _react2.default.createElement('i', { className: className });
switch (this.props.type) {
case 'material':
className += ' material-icon';
return _react2.default.createElement(
'i',
{ className: className },
this.props.name
);
case 'fontawesome':
return _react2.default.createElement(_reactFontawesome2.default, { name: this.props.name });
default:
className += ' icon-' + this.props.name;
return _react2.default.createElement('i', { className: className });
}
}
}]);
@ -4337,8 +4356,7 @@ var Header = function (_React$Component) {
_react2.default.createElement(
'h1',
null,
this.props.icon ? _react2.default.createElement('i', { className: "icon header-icon icon-" + this.props.icon }) : null,
this.props.title ? this.props.title : null
this.props.children ? this.props.children : null
),
this.renderOptions()
);
@ -57913,13 +57931,13 @@ var Sidebar = function (_React$Component) {
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('queue'), to: global.baseURL + "queue" },
_react2.default.createElement(_Icon2.default, { name: 'play' }),
_react2.default.createElement(_Icon2.default, { name: 'play_arrow', type: 'material' }),
'Now playing'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('search'), to: global.baseURL + "search" },
_react2.default.createElement(_Icon2.default, { name: 'search' }),
_react2.default.createElement(_Icon2.default, { name: 'search', type: 'material' }),
'Search'
)
),
@ -57934,25 +57952,25 @@ var Sidebar = function (_React$Component) {
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('discover/recommendations'), to: global.baseURL + "discover/recommendations" },
_react2.default.createElement(_Icon2.default, { name: 'compass' }),
_react2.default.createElement(_Icon2.default, { name: 'explore', type: 'material' }),
'Discover'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('discover/categories'), to: global.baseURL + "discover/categories" },
_react2.default.createElement(_Icon2.default, { name: 'grid' }),
_react2.default.createElement(_Icon2.default, { name: 'mood', type: 'material' }),
'Genre / Mood'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('discover/featured'), to: global.baseURL + "discover/featured" },
_react2.default.createElement(_Icon2.default, { name: 'star' }),
_react2.default.createElement(_Icon2.default, { name: 'star', type: 'material' }),
'Featured playlists'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('discover/new-releases'), to: global.baseURL + "discover/new-releases" },
_react2.default.createElement(_Icon2.default, { name: 'leaf' }),
_react2.default.createElement(_Icon2.default, { name: 'new_releases', type: 'material' }),
'New releases'
)
) : null,
@ -57967,31 +57985,31 @@ var Sidebar = function (_React$Component) {
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('library/playlists'), to: global.baseURL + "library/playlists" },
_react2.default.createElement(_Icon2.default, { name: 'playlist' }),
_react2.default.createElement(_Icon2.default, { name: 'queue_music', type: 'material' }),
'Playlists'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('library/artists'), to: global.baseURL + "library/artists" },
_react2.default.createElement(_Icon2.default, { name: 'mic' }),
_react2.default.createElement(_Icon2.default, { name: 'recent_actors', type: 'material' }),
'Artists'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('library/albums'), to: global.baseURL + "library/albums" },
_react2.default.createElement(_Icon2.default, { name: 'cd' }),
_react2.default.createElement(_Icon2.default, { name: 'album', type: 'material' }),
'Albums'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('library/tracks'), to: global.baseURL + "library/tracks" },
_react2.default.createElement(_Icon2.default, { name: 'music' }),
_react2.default.createElement(_Icon2.default, { name: 'music_note', type: 'material' }),
'Tracks'
),
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('library/browse'), to: global.baseURL + "library/browse" },
_react2.default.createElement(_Icon2.default, { name: 'folder' }),
_react2.default.createElement(_Icon2.default, { name: 'folder', type: 'material' }),
'Browse'
)
),
@ -58001,7 +58019,7 @@ var Sidebar = function (_React$Component) {
_react2.default.createElement(
_reactRouter.Link,
{ className: this.linkClassName('settings'), to: global.baseURL + "settings" },
_react2.default.createElement(_Icon2.default, { name: 'cog' }),
_react2.default.createElement(_Icon2.default, { name: 'settings', type: 'material' }),
'Settings',
this.props.test_mode ? _react2.default.createElement(
'span',
@ -58449,7 +58467,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control play', onClick: function onClick() {
return _this2.props.mopidyActions.play();
} },
_react2.default.createElement(_Icon2.default, { name: 'play' })
_react2.default.createElement(_Icon2.default, { name: 'play_circle_filled', type: 'material' })
);
if (this.props.play_state == 'playing') {
button = _react2.default.createElement(
@ -58457,7 +58475,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control play', onClick: function onClick() {
return _this2.props.mopidyActions.pause();
} },
_react2.default.createElement(_Icon2.default, { name: 'pause' })
_react2.default.createElement(_Icon2.default, { name: 'pause_circle_filled', type: 'material' })
);
}
return button;
@ -58472,7 +58490,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control has-tooltip', onClick: function onClick() {
return _this3.props.mopidyActions.setConsume(true);
} },
_react2.default.createElement(_reactFontawesome2.default, { name: 'fire' }),
_react2.default.createElement(_Icon2.default, { name: 'restaurant', type: 'material' }),
_react2.default.createElement(
'span',
{ className: 'tooltip' },
@ -58485,7 +58503,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control active has-tooltip', onClick: function onClick() {
return _this3.props.mopidyActions.setConsume(false);
} },
_react2.default.createElement(_reactFontawesome2.default, { name: 'fire' }),
_react2.default.createElement(_Icon2.default, { name: 'restaurant', type: 'material' }),
_react2.default.createElement(
'span',
{ className: 'tooltip' },
@ -58505,7 +58523,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control has-tooltip', onClick: function onClick() {
return _this4.props.mopidyActions.setRandom(true);
} },
_react2.default.createElement(_reactFontawesome2.default, { name: 'random' }),
_react2.default.createElement(_Icon2.default, { name: 'shuffle', type: 'material' }),
_react2.default.createElement(
'span',
{ className: 'tooltip' },
@ -58518,7 +58536,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control active has-tooltip', onClick: function onClick() {
return _this4.props.mopidyActions.setRandom(false);
} },
_react2.default.createElement(_reactFontawesome2.default, { name: 'random' }),
_react2.default.createElement(_Icon2.default, { name: 'shuffle', type: 'material' }),
_react2.default.createElement(
'span',
{ className: 'tooltip' },
@ -58538,7 +58556,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control has-tooltip', onClick: function onClick() {
return _this5.props.mopidyActions.setRepeat(true);
} },
_react2.default.createElement(_reactFontawesome2.default, { name: 'repeat' }),
_react2.default.createElement(_Icon2.default, { name: 'repeat' }),
_react2.default.createElement(
'span',
{ className: 'tooltip' },
@ -58551,7 +58569,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control active has-tooltip', onClick: function onClick() {
return _this5.props.mopidyActions.setRepeat(false);
} },
_react2.default.createElement(_reactFontawesome2.default, { name: 'repeat' }),
_react2.default.createElement(_Icon2.default, { name: 'repeat' }),
_react2.default.createElement(
'span',
{ className: 'tooltip' },
@ -58619,7 +58637,7 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control previous', onClick: function onClick() {
return _this6.props.mopidyActions.previous();
} },
_react2.default.createElement(_Icon2.default, { name: 'back' })
_react2.default.createElement(_Icon2.default, { name: 'skip_previous', type: 'material' })
),
this.renderPlayButton(),
_react2.default.createElement(
@ -58627,14 +58645,14 @@ var PlaybackControls = function (_React$Component) {
{ className: 'control stop', onClick: function onClick() {
return _this6.props.mopidyActions.stop();
} },
_react2.default.createElement(_Icon2.default, { name: 'stop' })
_react2.default.createElement(_Icon2.default, { name: 'stop', type: 'material' })
),
_react2.default.createElement(
'a',
{ className: 'control next', onClick: function onClick() {
return _this6.props.mopidyActions.next();
} },
_react2.default.createElement(_Icon2.default, { name: 'skip' })
_react2.default.createElement(_Icon2.default, { name: 'skip_next', type: 'material' })
)
),
_react2.default.createElement(
@ -58689,7 +58707,7 @@ var PlaybackControls = function (_React$Component) {
{ className: "control sidebar-toggle" + (this.props.sidebar_open ? ' open' : ''), onClick: function onClick() {
return _this6.props.uiActions.toggleSidebar();
} },
_react2.default.createElement(_reactFontawesome2.default, { className: 'open', name: 'bars' })
_react2.default.createElement(_Icon2.default, { className: 'open', name: 'bars', type: 'fontawesome' })
)
)
);
@ -67096,7 +67114,12 @@ var Queue = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view queue-view' },
_react2.default.createElement(_Header2.default, { icon: 'play', className: 'overlay', title: 'Now playing', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ className: 'overlay', options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'play_arrow', type: 'material' }),
'Now playing'
),
_react2.default.createElement(_Parallax2.default, { blur: true, image: current_track_image }),
_react2.default.createElement(
'div',
@ -67215,6 +67238,10 @@ var _Header = __webpack_require__(14);
var _Header2 = _interopRequireDefault(_Header);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _actions = __webpack_require__(4);
var uiActions = _interopRequireWildcard(_actions);
@ -67290,7 +67317,12 @@ var QueueHistory = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view queue-history-view' },
_react2.default.createElement(_Header2.default, { icon: 'play', title: 'Playback history', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'play_arrow', type: 'material' }),
'Playback history'
),
_react2.default.createElement(
'section',
{ className: 'content-wrapper' },
@ -67367,6 +67399,10 @@ var _Thumbnail = __webpack_require__(11);
var _Thumbnail2 = _interopRequireDefault(_Thumbnail);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _actions = __webpack_require__(4);
var uiActions = _interopRequireWildcard(_actions);
@ -67453,7 +67489,12 @@ var Debug = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view debugger-view' },
_react2.default.createElement(_Header2.default, { icon: 'cog', title: 'Debugger', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'settings', type: 'material' }),
'Debug'
),
_react2.default.createElement(
'div',
{ className: 'content-wrapper' },
@ -67903,6 +67944,10 @@ var _Header = __webpack_require__(14);
var _Header2 = _interopRequireDefault(_Header);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _DropdownField = __webpack_require__(35);
var _DropdownField2 = _interopRequireDefault(_DropdownField);
@ -68394,11 +68439,11 @@ var Search = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view search-view' },
_react2.default.createElement(_Header2.default, {
icon: 'search',
options: options,
uiActions: this.props.uiActions
}),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'search', type: 'material' })
),
_react2.default.createElement(_SearchForm2.default, {
query: this.props.params.query ? this.props.params.query : '',
view: this.props.params.view ? this.props.params.view : 'all'
@ -68875,7 +68920,12 @@ var Settings = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view settings-view' },
_react2.default.createElement(_Header2.default, { className: 'overlay', icon: 'cog', title: 'Settings', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ className: 'overlay', options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'settings', type: 'material' }),
'Settings'
),
_react2.default.createElement(
'div',
{ className: 'intro' },
@ -74274,6 +74324,10 @@ var _Header = __webpack_require__(14);
var _Header2 = _interopRequireDefault(_Header);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _Parallax = __webpack_require__(31);
var _Parallax2 = _interopRequireDefault(_Parallax);
@ -74403,7 +74457,12 @@ var DiscoverFeatured = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-featured-view' },
_react2.default.createElement(_Header2.default, { icon: 'star', title: 'Featured playlists' }),
_react2.default.createElement(
_Header2.default,
{ className: 'overlay' },
_react2.default.createElement(_Icon2.default, { name: 'star', type: 'material' }),
'Featured playlists'
),
_react2.default.createElement(
'div',
{ className: 'body-loader loading' },
@ -74431,7 +74490,12 @@ var DiscoverFeatured = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-featured-view' },
_react2.default.createElement(_Header2.default, { className: 'overlay', icon: 'star', title: 'Featured playlists' }),
_react2.default.createElement(
_Header2.default,
{ className: 'overlay' },
_react2.default.createElement(_Icon2.default, { name: 'star', type: 'material' }),
'Featured playlists'
),
this.renderIntro(first_playlist),
_react2.default.createElement(
'section',
@ -74495,6 +74559,10 @@ var _Header = __webpack_require__(14);
var _Header2 = _interopRequireDefault(_Header);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _CategoryGrid = __webpack_require__(278);
var _CategoryGrid2 = _interopRequireDefault(_CategoryGrid);
@ -74562,7 +74630,12 @@ var DiscoverCategories = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-categories-view' },
_react2.default.createElement(_Header2.default, { icon: 'grid', title: 'Genre / Mood' }),
_react2.default.createElement(
_Header2.default,
null,
_react2.default.createElement(_Icon2.default, { name: 'mood', type: 'material' }),
'Genre / Mood'
),
_react2.default.createElement(
'section',
{ className: 'content-wrapper grid-wrapper' },
@ -74691,6 +74764,10 @@ var _Header = __webpack_require__(14);
var _Header2 = _interopRequireDefault(_Header);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _PlaylistGrid = __webpack_require__(47);
var _PlaylistGrid2 = _interopRequireDefault(_PlaylistGrid);
@ -74762,7 +74839,12 @@ var DiscoverCategory = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-categories-view' },
_react2.default.createElement(_Header2.default, { icon: 'grid', title: this.props.category ? this.props.category.name : 'Category' }),
_react2.default.createElement(
_Header2.default,
null,
_react2.default.createElement(_Icon2.default, { name: 'mood', type: 'material' }),
this.props.category ? this.props.category.name : 'Category'
),
_react2.default.createElement(
'div',
{ className: 'body-loader loading' },
@ -74788,7 +74870,12 @@ var DiscoverCategory = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-categories-view' },
_react2.default.createElement(_Header2.default, { icon: 'grid', title: this.props.category.name }),
_react2.default.createElement(
_Header2.default,
null,
_react2.default.createElement(_Icon2.default, { name: 'mood', type: 'material' }),
this.props.category.name
),
_react2.default.createElement(
'div',
{ className: 'content-wrapper' },
@ -74857,6 +74944,10 @@ var _Header = __webpack_require__(14);
var _Header2 = _interopRequireDefault(_Header);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _AlbumGrid = __webpack_require__(46);
var _AlbumGrid2 = _interopRequireDefault(_AlbumGrid);
@ -75012,7 +75103,12 @@ var DiscoverNewReleases = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-new-releases-view' },
_react2.default.createElement(_Header2.default, { icon: 'leaf', title: 'New Releases' }),
_react2.default.createElement(
_Header2.default,
null,
_react2.default.createElement(_Icon2.default, { name: 'new_releases', type: 'material' }),
'New releases'
),
_react2.default.createElement(
'div',
{ className: 'body-loader loading' },
@ -75040,7 +75136,12 @@ var DiscoverNewReleases = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view discover-new-releases-view' },
_react2.default.createElement(_Header2.default, { className: 'overlay', icon: 'leaf', title: 'New Releases' }),
_react2.default.createElement(
_Header2.default,
{ className: 'overlay' },
_react2.default.createElement(_Icon2.default, { name: 'new_releases', type: 'material' }),
'New releases'
),
this.renderIntro(first_album),
_react2.default.createElement(
'section',
@ -75131,6 +75232,10 @@ var _LazyLoadListener = __webpack_require__(23);
var _LazyLoadListener2 = _interopRequireDefault(_LazyLoadListener);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _helpers = __webpack_require__(1);
var helpers = _interopRequireWildcard(_helpers);
@ -75404,7 +75509,12 @@ var LibraryArtists = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view library-artists-view' },
_react2.default.createElement(_Header2.default, { icon: 'mic', title: 'My artists', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'recent_actors', type: 'material' }),
'My artists'
),
this.renderView()
);
}
@ -75505,6 +75615,10 @@ var _LazyLoadListener = __webpack_require__(23);
var _LazyLoadListener2 = _interopRequireDefault(_LazyLoadListener);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _helpers = __webpack_require__(1);
var helpers = _interopRequireWildcard(_helpers);
@ -75806,7 +75920,12 @@ var LibraryAlbums = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view library-albums-view' },
_react2.default.createElement(_Header2.default, { icon: 'cd', title: 'My albums', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'album', type: 'material' }),
'My albums'
),
this.renderView()
);
}
@ -75889,6 +76008,10 @@ var _LazyLoadListener = __webpack_require__(23);
var _LazyLoadListener2 = _interopRequireDefault(_LazyLoadListener);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _helpers = __webpack_require__(1);
var helpers = _interopRequireWildcard(_helpers);
@ -75986,7 +76109,12 @@ var LibraryTracks = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view library-tracks-view' },
_react2.default.createElement(_Header2.default, { icon: 'music', title: 'My tracks', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'music_note', type: 'material' }),
'My tracks'
),
_react2.default.createElement(
'section',
{ className: 'content-wrapper' },
@ -76077,6 +76205,10 @@ var _LazyLoadListener = __webpack_require__(23);
var _LazyLoadListener2 = _interopRequireDefault(_LazyLoadListener);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _helpers = __webpack_require__(1);
var helpers = _interopRequireWildcard(_helpers);
@ -76372,7 +76504,12 @@ var LibraryPlaylists = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view library-playlists-view' },
_react2.default.createElement(_Header2.default, { icon: 'playlist', title: 'My playlists', options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'queue_music', type: 'material' }),
'My playlists'
),
this.renderView()
);
}
@ -76461,6 +76598,10 @@ var _GridItem = __webpack_require__(44);
var _GridItem2 = _interopRequireDefault(_GridItem);
var _Icon = __webpack_require__(13);
var _Icon2 = _interopRequireDefault(_Icon);
var _helpers = __webpack_require__(1);
var helpers = _interopRequireWildcard(_helpers);
@ -76617,7 +76758,12 @@ var LibraryBrowse = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view library-local-view' },
_react2.default.createElement(_Header2.default, { icon: 'music', title: title, options: options, uiActions: this.props.uiActions }),
_react2.default.createElement(
_Header2.default,
{ options: options, uiActions: this.props.uiActions },
_react2.default.createElement(_Icon2.default, { name: 'folder', type: 'material' }),
title
),
_react2.default.createElement(
'section',
{ className: 'content-wrapper' },
@ -76698,7 +76844,12 @@ var LibraryBrowse = function (_React$Component) {
return _react2.default.createElement(
'div',
{ className: 'view library-local-view' },
_react2.default.createElement(_Header2.default, { icon: 'folder', title: 'Browse' }),
_react2.default.createElement(
_Header2.default,
null,
_react2.default.createElement(_Icon2.default, { name: 'folder', type: 'material' }),
'Browse'
),
_react2.default.createElement(
'section',
{ className: 'content-wrapper' },

2
mopidy_iris/static/app.js.map
View File

File diff suppressed because one or more lines are too long

BIN
mopidy_iris/static/assets/fonts/MaterialIcons-Regular.eot Normal file
View File

Binary file not shown.

BIN
mopidy_iris/static/assets/fonts/MaterialIcons-Regular.ttf Normal file
View File

Binary file not shown.

BIN
mopidy_iris/static/assets/fonts/MaterialIcons-Regular.woff Normal file
View File

Binary file not shown.

BIN
mopidy_iris/static/assets/fonts/MaterialIcons-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
mopidy_iris/static/assets/fonts/iris.eot Normal file
View File

Binary file not shown.

54
mopidy_iris/static/assets/fonts/iris.svg
View File

@ -3,41 +3,43 @@
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="iris" horiz-adv-x="1024">
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="back" d="M243.2 64c0-6.4 6.4-12.8 12.8-12.8h64c6.4 0 12.8 6.4 12.8 12.8v768c0 6.4-6.4 12.8-12.8 12.8h-64c-6.4 0-12.8-6.4-12.8-12.8v-768zM729.6 812.8c0 6.4-6.4 6.4-12.8 6.4l-422.4-364.8c-6.4-6.4-6.4-12.8 0-19.2l422.4-364.8c6.4-6.4 12.8 0 12.8 6.4v736z" />
<glyph unicode="&#xe900;" glyph-name="back" d="M256 704h85.333v-512h-85.333v512zM405.333 448l362.667-256v512l-362.667-256zM682.667 356.693l-129.28 91.307 129.28 91.307v-182.613z" />
<glyph unicode="&#xe901;" glyph-name="broadcast" d="M512 364.8c-44.8 0-83.2 38.4-83.2 83.2s38.4 83.2 83.2 83.2 83.2-38.4 83.2-83.2-38.4-83.2-83.2-83.2zM614.4 236.8c-12.8 0-32 6.4-38.4 19.2-12.8 19.2-6.4 51.2 12.8 64 44.8 25.6 70.4 76.8 70.4 128s-25.6 102.4-70.4 128c-19.2 12.8-25.6 38.4-12.8 64 12.8 19.2 38.4 25.6 64 12.8 70.4-44.8 115.2-121.6 115.2-204.8s-44.8-160-115.2-204.8c-6.4 0-19.2-6.4-25.6-6.4zM409.6 236.8c-6.4 0-19.2 0-25.6 6.4-70.4 44.8-108.8 121.6-108.8 204.8s44.8 160 115.2 204.8c19.2 12.8 44.8 6.4 57.6-12.8s6.4-51.2-12.8-64c-44.8-25.6-70.4-76.8-70.4-128s25.6-102.4 70.4-128c19.2-12.8 25.6-38.4 12.8-64-6.4-6.4-25.6-19.2-38.4-19.2zM736 134.4c-12.8 0-25.6 6.4-32 19.2-12.8 19.2-12.8 44.8 6.4 64 70.4 57.6 115.2 147.2 115.2 236.8s-38.4 179.2-115.2 236.8c-19.2 12.8-19.2 44.8-6.4 64s44.8 19.2 64 6.4c89.6-76.8 147.2-185.6 147.2-307.2s-51.2-230.4-147.2-307.2c-12.8-12.8-19.2-12.8-32-12.8zM288 128c-12.8 0-19.2 6.4-25.6 12.8-96 76.8-147.2 185.6-147.2 307.2s51.2 230.4 147.2 307.2c12.8 19.2 44.8 12.8 57.6-6.4s12.8-44.8-6.4-64c-70.4-57.6-108.8-140.8-108.8-236.8s44.8-179.2 115.2-236.8c19.2-12.8 19.2-44.8 6.4-64-12.8-12.8-25.6-19.2-38.4-19.2z" />
<glyph unicode="&#xe902;" glyph-name="cd" d="M512 915.2c-256 0-467.2-211.2-467.2-467.2s211.2-467.2 467.2-467.2 467.2 211.2 467.2 467.2c0 256-211.2 467.2-467.2 467.2zM512 537.6c51.2 0 89.6-38.4 89.6-89.6s-38.4-89.6-89.6-89.6-89.6 38.4-89.6 89.6 38.4 89.6 89.6 89.6zM864 588.8l-185.6-76.8c-19.2 44.8-51.2 83.2-96 102.4l83.2 179.2c89.6-38.4 160-115.2 198.4-204.8zM160 313.6l185.6 70.4c19.2-44.8 51.2-83.2 96-102.4l-83.2-179.2c-89.6 44.8-160 115.2-198.4 211.2z" />
<glyph unicode="&#xe903;" glyph-name="chevron-left" d="M396.8 518.4l364.8 364.8c25.6 25.6 25.6 57.6 0 83.2s-64 25.6-83.2 0l-409.6-409.6c-12.8-12.8-19.2-25.6-19.2-38.4s6.4-32 19.2-44.8l409.6-409.6c12.8-12.8 25.6-19.2 44.8-19.2s32 6.4 44.8 19.2c25.6 25.6 25.6 57.6 0 83.2l-371.2 371.2z" />
<glyph unicode="&#xe904;" glyph-name="chevron-right" d="M761.6 492.8l-409.6 409.6c-25.6 25.6-57.6 25.6-83.2 0s-25.6-57.6 0-83.2l364.8-364.8-364.8-364.8c-25.6-25.6-25.6-57.6 0-83.2 12.8-12.8 25.6-19.2 44.8-19.2s32 6.4 44.8 19.2l409.6 409.6c12.8 12.8 19.2 25.6 19.2 44.8s-19.2 19.2-25.6 32z" />
<glyph unicode="&#xe905;" glyph-name="close" d="M921.6 816.64l-40.96 40.96-368.64-368.64-368.64 368.64-40.96-40.96 368.64-368.64-368.64-368.64 40.96-40.96 368.64 368.64 368.64-368.64 40.96 40.96-368.64 368.64z" />
<glyph unicode="&#xe906;" glyph-name="cog" d="M979.2 371.2v160l-128 25.6c-12.8 19.2-19.2 32-25.6 51.2l70.4 108.8-108.8 115.2-108.8-70.4c-19.2 6.4-32 12.8-51.2 19.2l-25.6 128h-160l-25.6-128c-19.2-6.4-32-12.8-51.2-25.6l-108.8 76.8-115.2-115.2 76.8-108.8c-6.4-19.2-12.8-32-19.2-51.2l-134.4-25.6v-160l128-25.6c6.4-19.2 12.8-32 19.2-51.2l-76.8-108.8 121.6-108.8 108.8 76.8c19.2-12.8 32-19.2 51.2-25.6l25.6-128h160l25.6 128c19.2 6.4 32 12.8 51.2 19.2l108.8-76.8 108.8 108.8-76.8 108.8c6.4 19.2 12.8 32 19.2 51.2l140.8 32zM518.4 326.4c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128-57.6-128-128-128z" />
<glyph unicode="&#xe906;" glyph-name="cog" d="M829.013 406.187c1.707 13.653 2.987 27.307 2.987 41.813s-1.28 28.16-2.987 41.813l90.027 70.4c8.107 6.4 10.24 17.92 5.12 27.307l-85.333 147.627c-3.84 6.827-11.093 10.667-18.773 10.667-2.56 0-5.12-0.427-7.253-1.28l-106.24-42.667c-22.187 17.067-46.080 31.147-72.107 41.813l-16.213 113.067c-1.28 10.24-10.24 17.92-20.907 17.92h-170.667c-10.667 0-19.627-7.68-20.907-17.92l-16.213-113.067c-26.027-10.667-49.92-25.173-72.107-41.813l-106.24 42.667c-2.56 0.853-5.12 1.28-7.68 1.28-7.253 0-14.507-3.84-18.347-10.667l-85.333-147.627c-5.547-9.387-2.987-20.907 5.12-27.307l90.027-70.4c-1.707-13.653-2.987-27.733-2.987-41.813s1.28-28.16 2.987-41.813l-90.027-70.4c-8.107-6.4-10.24-17.92-5.12-27.307l85.333-147.627c3.84-6.827 11.093-10.667 18.773-10.667 2.56 0 5.12 0.427 7.253 1.28l106.24 42.667c22.187-17.067 46.080-31.147 72.107-41.813l16.213-113.067c1.28-10.24 10.24-17.92 20.907-17.92h170.667c10.667 0 19.627 7.68 20.907 17.92l16.213 113.067c26.027 10.667 49.92 25.173 72.107 41.813l106.24-42.667c2.56-0.853 5.12-1.28 7.68-1.28 7.253 0 14.507 3.84 18.347 10.667l85.333 147.627c5.12 9.387 2.987 20.907-5.12 27.307l-90.027 70.4zM744.533 479.147c1.707-13.227 2.133-22.187 2.133-31.147s-0.853-18.347-2.133-31.147l-5.973-48.213 37.973-29.867 46.080-35.84-29.867-51.627-54.187 21.76-44.373 17.92-38.4-29.013c-18.347-13.653-35.84-23.893-53.333-31.147l-45.227-18.347-6.827-48.213-8.533-57.6h-59.733l-8.107 57.6-6.827 48.213-45.227 18.347c-18.347 7.68-35.413 17.493-52.48 30.293l-38.827 29.867-45.227-18.347-54.187-21.76-29.867 51.627 46.080 35.84 37.973 29.867-5.973 48.213c-1.28 13.227-2.133 23.040-2.133 31.573s0.853 18.347 2.133 31.147l5.973 48.213-37.973 29.867-46.080 35.84 29.867 51.627 54.187-21.76 44.373-17.92 38.4 29.013c18.347 13.653 35.84 23.893 53.333 31.147l45.227 18.347 6.827 48.213 8.533 57.6h59.307l8.107-57.6 6.827-48.213 45.227-18.347c18.347-7.68 35.413-17.493 52.48-30.293l38.827-29.867 45.227 18.347 54.187 21.76 29.867-51.627-45.653-36.267-37.973-29.867 5.973-48.213zM512 618.667c-94.293 0-170.667-76.373-170.667-170.667s76.373-170.667 170.667-170.667 170.667 76.373 170.667 170.667-76.373 170.667-170.667 170.667zM512 362.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333z" />
<glyph unicode="&#xe907;" glyph-name="compass" d="M512 915.2c-256 0-467.2-204.8-467.2-467.2 0-256 204.8-467.2 467.2-467.2 256 0 460.8 204.8 460.8 467.2 6.4 262.4-204.8 467.2-460.8 467.2zM646.4 320l-441.6-172.8 179.2 435.2 435.2 179.2-172.8-441.6zM588.8 454.4c0-42.415-34.385-76.8-76.8-76.8s-76.8 34.385-76.8 76.8c0 42.415 34.385 76.8 76.8 76.8s76.8-34.385 76.8-76.8z" />
<glyph unicode="&#xe908;" glyph-name="connection" d="M339.2 761.6l-166.4-204.8h134.4v-441.6h64v441.6h128zM723.2 320v441.6h-64v-441.6h-134.4l166.4-204.8 160 204.8z" />
<glyph unicode="&#xe909;" glyph-name="consume" d="M324.451 320.966c-4.351-0.366-8.691-0.554-13.042-0.554-11.903 0-23.479 1.727-34.815 4.351l-262.305-262.314c-12.875-12.856-12.875-33.739 0-46.597l67.887-67.904c12.875-12.858 33.734-12.858 46.574 0l315.256 315.197-58.424 63.037-61.13-5.216zM1014.742 741.204c-12.31 12.304-32.233 12.304-44.542 0l-169.985-169.981c-16.084-16.068-42.137-16.068-58.222 0-16.013 16.055-16.013 42.087 0 58.138l169.145 169.109c12.779 12.791 12.779 33.527 0 46.348-12.839 12.775-33.567 12.775-46.346 0l-169.076-169.093c-16.084-16.084-42.108-16.084-58.192 0-16.051 16.049-16.051 42.1 0 58.136l169.95 169.965c12.344 12.323 12.344 32.283 0 44.623-12.31 12.325-32.269 12.325-44.613 0l-191.217-191.228c-45.974-46.003-60.496-110.576-45.612-169.333l128.185-128.193c58.753-14.83 123.357-0.301 169.279 45.664l191.244 191.217c12.346 12.323 12.346 32.304 0.002 44.627zM85.916 931.166c-6.552 6.555-15.413 10.149-24.512 10.149-1.936 0-3.883-0.165-5.783-0.483-11.071-1.873-20.569-8.98-25.449-19.095-56.012-115.772-32.603-254.302 58.32-345.229l162.664-162.643c16.049-16.068 37.749-24.962 60.254-24.962 2.406 0 4.819 0.1 7.226 0.299l94.442 8.060 411.82-444.264c6.394-6.906 15.35-10.916 24.786-11.102 0.194 0 0.397 0 0.602 0 9.224 0 18.056 3.644 24.61 10.151l70.53 70.544c6.517 6.502 10.159 15.327 10.159 24.525 0 9.195-3.642 18.027-10.132 24.529l-859.536 859.522z" />
<glyph unicode="&#xe90a;" glyph-name="filter" d="M893.056 823.104c-5.44 10.432-16.192 16.896-27.968 16.896h-706.368c-11.712 0-22.528-6.528-27.968-16.896s-4.736-22.976 1.92-32.64l306.368-445.12c0-83.2 0-256.832 0-276.48 65.344 16.256 80.512-74.56 145.792-27.456 0 27.264 0 216.576 0 303.872l306.24 445.248c6.72 9.6 7.488 22.144 1.984 32.576zM512 409.344l-169.536 246.4h339.008l-169.472-246.4z" />
<glyph unicode="&#xe909;" glyph-name="consume" d="M682.667 704v-341.333h128v-341.333h85.333v853.333c-117.76 0-213.333-95.573-213.333-170.667zM469.333 576h-85.333v298.667h-85.333v-298.667h-85.333v298.667h-85.333v-298.667c0-94.293 76.373-170.667 170.667-170.667v-384h85.333v384c94.293 0 170.667 76.373 170.667 170.667v298.667h-85.333v-298.667z" />
<glyph unicode="&#xe90a;" glyph-name="filter" d="M426.667 192h170.667v85.333h-170.667v-85.333zM128 704v-85.333h768v85.333h-768zM256 405.333h512v85.333h-512v-85.333z" />
<glyph unicode="&#xe90b;" glyph-name="folder" d="M857.6 691.2h-326.4v89.6c0 44.8-32 76.8-76.8 76.8h-249.6c-44.8 0-76.8-32-76.8-76.8v-102.4c-25.6-12.8-38.4-38.4-38.4-64v-492.8c0-44.8 32-76.8 76.8-76.8h691.2c44.8 0 76.8 32 76.8 76.8v492.8c0 44.8-32 76.8-76.8 76.8z" />
<glyph unicode="&#xe90c;" glyph-name="grid" d="M128 838.4h320v-320h-320v320zM582.4 384h320v-320h-320v320zM128 384h320v-320h-320v320zM582.4 838.4h320v-320h-320v320z" />
<glyph unicode="&#xe90d;" glyph-name="leaf" d="M96 697.6c0 0 275.2 249.6 537.6 89.6 262.4-153.6 345.6-358.4 230.4-505.6-134.4 204.8-204.8 307.2-480 390.4 0 0 435.2-275.2 512-595.2-12.8-70.4-76.8-19.2-76.8-19.2l-70.4 115.2c0 0-134.4-102.4-294.4 32-268.8 236.8-57.6 499.2-358.4 492.8z" />
<glyph unicode="&#xe90e;" glyph-name="list" d="M108.8 806.4h806.4v-121.6h-806.4v121.6zM108.8 512h806.4v-121.6h-806.4v121.6zM108.8 217.6h806.4v-121.6h-806.4v121.6z" />
<glyph unicode="&#xe90f;" glyph-name="local" d="M913.152 685.248h-295.552l-98.56 98.496h-295.424v-98.496h-98.496v-590.976h689.472v98.432h98.496v492.544h0.064zM863.936 241.984h-49.344v344.768h-295.552l-98.432 98.56h-147.712v49.216h225.856l98.496-98.496h266.688v-394.048z" />
<glyph unicode="&#xe910;" glyph-name="mic" d="M473.6 563.2c-12.8 12.8-38.4 12.8-51.2 0l-339.2-396.8c-6.4-6.4-12.8-12.8-12.8-25.6s6.4-19.2 12.8-25.6l96-96c6.4-6.4 12.8-12.8 25.6-12.8 6.4 0 19.2 6.4 25.6 6.4l396.8 339.2c6.4 12.8 12.8 19.2 12.8 32s-6.4 19.2-12.8 25.6l-153.6 153.6zM883.2 825.6c-44.8 44.8-102.4 70.4-166.4 70.4s-121.6-25.6-172.8-70.4c-51.2-51.2-70.4-140.8-70.4-147.2 0-12.8 0-32 19.2-44.8l198.4-198.4c6.4-6.4 25.6-19.2 44.8-19.2 0 0 0 0 0 0 6.4 0 102.4 19.2 140.8 70.4 96 89.6 96 243.2 6.4 339.2z" />
<glyph unicode="&#xe911;" glyph-name="music" d="M966.4 928c-12.8 6.4-25.6 12.8-38.4 6.4l-544-128c-19.2-6.4-32-25.6-32-44.8v-422.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v550.4l454.4 108.8v-364.8c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4 198.4 89.6 198.4 198.4v588.8c0 12.8-6.4 25.6-19.2 38.4z" />
<glyph unicode="&#xe912;" glyph-name="pause" d="M396.8 76.8c0-6.4-6.4-12.8-12.8-12.8h-153.6c-6.4 0-12.8 6.4-12.8 12.8v742.4c0 6.4 6.4 12.8 12.8 12.8h153.6c6.4 0 12.8-6.4 12.8-12.8v-742.4zM806.4 76.8c0-6.4-6.4-12.8-12.8-12.8h-153.6c-6.4 0-12.8 6.4-12.8 12.8v742.4c6.4 6.4 6.4 12.8 19.2 12.8h153.6c6.4 0 12.8-6.4 12.8-12.8v-742.4z" />
<glyph unicode="&#xe913;" glyph-name="play" d="M844.8 460.8l-614.4 403.2c-6.4 6.4-12.8 0-12.8-6.4v-806.4c0-6.4 6.4-12.8 12.8-6.4l614.4 403.2c6.4 0 6.4 6.4 0 12.8z" />
<glyph unicode="&#xe914;" glyph-name="play-alt" d="M367.928 187.803c3.555 0 7.168 0.222 10.747 0.665 47.168 5.889 82.615 48.877 79.137 95.89-0.003 0.081-0.007 0.158-0.010 0.238 0.084 0.483 0.131 0.98 0.131 1.487v255.812l184.632 34.369v-188.748c-9.877 2.424-20.369 3.012-30.777 1.706-47.285-5.845-82.813-48.967-79.201-96.115 3.277-43.468 38.61-76.246 82.192-76.246 3.582 0 7.225 0.228 10.824 0.678 47.211 5.885 82.736 49.004 79.19 96.098-0.007 0.081-0.013 0.161-0.020 0.242 0.067 0.416 0.097 0.843 0.097 1.279v382.986l0.077 0.967c0.252 3.038-1.219 5.946-3.757 7.641-1.917 1.283-4.277 1.682-6.493 1.199-0.040-0.007-0.081-0.017-0.121-0.024l-292.035-49.854c-4.032-0.688-6.98-4.183-6.98-8.273v-291.397c-9.904 2.448-20.393 3.048-30.767 1.749-47.305-5.835-82.81-48.961-79.147-96.125 3.327-43.458 38.697-76.229 82.279-76.226zM512-64c282.318 0 512 229.682 512 512s-229.682 512-512 512-512-229.682-512-512 229.682-512 512-512zM512 842.502c217.528 0 394.502-176.971 394.502-394.502s-176.974-394.505-394.502-394.505-394.502 176.974-394.502 394.505c0 217.528 176.974 394.502 394.502 394.502z" />
<glyph unicode="&#xe915;" glyph-name="playlist" d="M704 889.6c-12.8 12.8-32 19.2-51.2 12.8-12.8-12.8-25.6-25.6-25.6-44.8v-486.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v544l179.2-185.6 64 64-256 262.4zM102.4 883.2h390.4v-89.6h-390.4v89.6zM102.4 729.6h390.4v-89.6h-390.4v89.6zM102.4 576h390.4v-89.6h-390.4v89.6z" />
<glyph unicode="&#xe916;" glyph-name="repeat" d="M1020.978 365.571c-5.312 11.264-16.576 18.432-28.991 18.432h-95.998v255.994c0 70.59-57.407 127.997-127.997 127.997h-477.684l106.685-127.997h370.999v-255.994h-95.998c-12.416 0-23.679-7.168-28.991-18.432-5.248-11.264-3.584-24.511 4.416-34.047l159.996-191.995c6.080-7.36 15.104-11.52 24.575-11.52s18.496 4.16 24.575 11.52l159.996 191.995c8 9.536 9.664 22.783 4.416 34.047zM627.004 256.006h-370.999v255.994h95.998c12.416 0 23.679 7.168 28.991 18.432 5.248 11.264 3.584 24.511-4.416 34.047l-159.996 191.995c-6.080 7.36-15.040 11.52-24.575 11.52s-18.496-4.16-24.575-11.52l-159.996-191.995c-8-9.536-9.664-22.783-4.416-34.047 5.312-11.264 16.576-18.432 28.991-18.432h95.998v-255.994c0-70.59 57.407-127.997 127.997-127.997h477.684l-106.685 127.997z" />
<glyph unicode="&#xe917;" glyph-name="search" d="M979.2 102.4l-224 224c25.6 57.6 44.8 121.6 44.8 185.6 0 198.4-160 358.4-358.4 358.4s-358.4-160-358.4-358.4c0-198.4 160-358.4 358.4-358.4 76.8 0 153.6 25.6 211.2 70.4l224-224c12.8-12.8 32-19.2 51.2-19.2s38.4 6.4 51.2 19.2c25.6 25.6 25.6 76.8 0 102.4zM224 512c0 121.6 96 217.6 217.6 217.6s217.6-96 217.6-217.6c0-44.8-12.8-89.6-38.4-121.6-6.4-6.4-12.8-6.4-19.2-12.8s-12.8-12.8-19.2-25.6c-38.4-32-89.6-57.6-140.8-57.6-121.6 0-217.6 96-217.6 217.6z" />
<glyph unicode="&#xe918;" glyph-name="sections" d="M129.152 823.808h274.496v-274.496h-274.496v274.496zM467.52 823.808h427.392v-54.464h-427.392v54.464zM467.52 695.808h427.392v-54.464h-427.392v54.464zM467.52 567.808h427.392v-54.464h-427.392v54.464zM129.152 370.496h274.496v-274.496h-274.496v274.496zM467.52 370.496h427.392v-54.464h-427.392v54.464zM467.52 242.496h427.392v-54.464h-427.392v54.464zM467.52 114.496h427.392v-54.464h-427.392v54.464z" />
<glyph unicode="&#xe919;" glyph-name="server" d="M825.6 684.8c0 89.6-198.4 115.2-313.6 115.2s-313.6-25.6-313.6-115.2c0 0 0 0 0 0v-332.8c0 0 0 0 0 0v-166.4c0-89.6 198.4-115.2 313.6-115.2s313.6 25.6 313.6 115.2v499.2zM761.6 352c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6zM512 736c160 0 243.2-38.4 249.6-51.2-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 44.8v0c6.4 19.2 89.6 57.6 249.6 57.6zM262.4 608c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6zM512 134.4c-160 0-243.2 38.4-249.6 51.2v96c70.4-32 179.2-38.4 249.6-38.4 76.8 0 185.6 12.8 249.6 38.4v-89.6c-6.4-19.2-89.6-57.6-249.6-57.6z" />
<glyph unicode="&#xe91a;" glyph-name="shuffle" d="M1012.48 216.6l-192 160c-9.536 8-22.848 9.6-34.048 4.416-11.264-5.312-18.432-16.576-18.432-28.992v-96h-53.568c-44.416 0-84.992 22.528-108.544 60.16l-207.232 331.52c-47.040 75.328-128.192 120.32-217.088 120.32h-181.568v-128h181.568c44.416 0 84.992-22.528 108.544-60.16l207.232-331.52c47.104-75.328 128.256-120.32 217.088-120.32h53.568v-96c0-12.416 7.168-23.68 18.432-28.992 4.288-1.984 8.96-3.008 13.568-3.008 7.36 0 14.656 2.496 20.48 7.424l192 160c7.36 6.080 11.52 15.104 11.52 24.576s-4.16 18.496-11.52 24.576zM1012.48 728.6l-192 160c-9.536 7.936-22.848 9.6-34.048 4.352-11.264-5.184-18.432-16.512-18.432-28.928v-96h-53.568c-88.896 0-170.048-44.992-217.088-120.32l-11.584-18.56 75.456-120.768 44.672 71.488c23.552 37.632 64.128 60.16 108.544 60.16h53.568v-96c0-12.416 7.168-23.744 18.432-28.992 4.288-1.984 8.96-3.008 13.568-3.008 7.36 0 14.656 2.56 20.48 7.424l192 160c7.36 6.080 11.52 15.104 11.52 24.576s-4.16 18.496-11.52 24.576zM334.784 387.672l-44.608-71.488c-23.552-37.632-64.192-60.16-108.608-60.16h-181.568v-128h181.568c88.832 0 169.984 44.992 217.088 120.32l11.584 18.56-75.456 120.768z" />
<glyph unicode="&#xe91b;" glyph-name="skip" d="M729.6 64c0-6.4-6.4-12.8-12.8-12.8h-64c-6.4 0-12.8 6.4-12.8 12.8v768c0 6.4 6.4 12.8 12.8 12.8h64c6.4 0 12.8-6.4 12.8-12.8v-768zM243.2 812.8c0 6.4 6.4 6.4 12.8 6.4l422.4-364.8c6.4-6.4 6.4-12.8 0-19.2l-422.4-358.4c-6.4-6.4-12.8 0-12.8 6.4v729.6z" />
<glyph unicode="&#xe91c;" glyph-name="soundcloud" d="M1.728 259.52c0-12.608 4.608-22.208 13.76-28.608 9.28-6.656 19.072-8.896 29.568-6.912 9.792 1.792 16.704 5.376 20.672 10.496 4.032 5.056 5.952 13.504 5.952 25.216v137.792c0 9.856-3.392 18.112-10.176 25.024-6.848 6.848-15.168 10.24-25.024 10.24-9.408 0-17.6-3.392-24.448-10.24-6.848-6.912-10.304-15.168-10.304-25.024v-137.984zM111.104 200.64c0-9.28 3.392-16.128 9.856-20.608 6.464-4.544 14.72-6.912 24.896-6.912 10.56 0 19.008 2.368 25.408 6.912 6.592 4.48 9.792 11.456 9.792 20.608v321.472c0 9.472-3.52 17.664-10.176 24.512-6.848 6.848-15.104 10.304-25.024 10.304-9.472 0-17.6-3.456-24.512-10.304-6.72-6.784-10.24-14.976-10.24-24.512v-321.472zM220.032 185.344c0-9.28 3.456-16.128 9.984-20.736 6.72-4.544 15.232-6.848 25.728-6.848 10.048 0 18.432 2.304 25.024 6.848 6.464 4.608 9.664 11.584 9.664 20.736v293.504c0 9.792-3.456 18.24-10.24 25.216-6.848 6.912-14.912 10.496-24.384 10.496-9.856 0-18.24-3.584-25.28-10.496-6.912-6.912-10.496-15.36-10.496-25.216v-293.504zM329.472 184c0-17.472 11.84-26.24 35.264-26.24 23.488 0 35.2 8.768 35.2 26.24v475.584c0 26.752-8.192 41.792-24.32 45.248-10.368 2.496-20.736-0.448-30.848-9.088-10.176-8.512-15.296-20.544-15.296-36.16v-475.584zM440.832 170.112v517.504c0 16.576 4.928 26.368 14.72 29.504 21.312 5.12 42.432 7.68 63.296 7.68 48.512 0 93.632-11.456 135.552-34.24 41.856-22.848 75.84-54.080 101.632-93.568 25.664-39.36 40.832-82.88 44.864-130.496 19.392 8.256 40 12.352 62.016 12.352 44.16 0 82.24-15.744 113.728-47.040 31.616-31.424 47.36-69.184 47.36-113.152 0-44.352-15.744-82.368-47.296-113.664-31.552-31.36-69.44-47.104-113.344-47.104l-413.952 0.576c-2.752 1.024-4.928 2.624-6.528 5.248-1.408 2.304-2.048 4.544-2.048 6.4v0z" />
<glyph unicode="&#xe91d;" glyph-name="spotify" d="M508.16 839.232c-216.896 0-394.24-177.408-394.24-394.368 0-217.024 177.344-394.304 394.24-394.304 216.832 0 394.24 177.344 394.24 394.304s-175.552 394.368-394.24 394.368zM689.472 269.504c-7.872-11.904-21.76-15.744-33.408-7.872-92.736 57.152-209.088 68.992-347.008 37.376-13.76-3.904-25.536 6.016-29.504 17.856-3.968 13.76 5.76 25.536 17.728 29.504 149.76 33.472 280 19.776 382.4-43.392 13.824-5.952 15.744-21.696 9.792-33.472zM736.896 377.984c-9.856-14.016-27.712-19.776-41.344-9.984-106.496 65.152-268.16 84.928-392.32 45.376-15.872-4.032-33.6 3.904-37.568 19.776-3.968 15.744 3.968 33.536 19.648 37.376 144 43.392 321.344 21.76 443.712-53.248 11.712-5.888 17.664-25.472 7.872-39.296zM740.736 488.256c-126.080 75.072-337.024 82.944-457.216 45.44-19.776-5.952-39.552 5.888-45.44 23.616-5.888 19.776 5.888 39.424 23.616 45.376 139.968 41.344 370.624 33.472 516.544-53.248 17.728-9.856 23.616-33.472 13.76-51.264-9.728-13.76-33.472-19.648-51.264-9.92z" />
<glyph unicode="&#xe91e;" glyph-name="star" d="M512 908.8c-12.8 0-19.2-6.4-25.6-25.6l-128-256-281.6-38.4c-25.6-6.4-32-12.8-32-25.6 0-6.4 6.4-19.2 12.8-25.6l204.8-198.4-51.2-281.6c0-6.4 0-6.4 0-12.8s0-12.8 6.4-19.2 12.8-6.4 19.2-6.4 12.8 0 25.6 6.4l256 134.4 256-134.4c6.4-6.4 12.8-6.4 25.6-6.4 6.4 0 12.8 0 19.2 6.4s6.4 12.8 6.4 19.2 0 6.4 0 12.8l-51.2 281.6 204.8 198.4c12.8 12.8 12.8 19.2 12.8 25.6 0 12.8-12.8 25.6-32 25.6l-281.6 38.4-128 256c-19.2 19.2-25.6 25.6-38.4 25.6v0z" />
<glyph unicode="&#xe91f;" glyph-name="stop" d="M883.2 832h-742.4c-6.4 0-12.8-6.4-12.8-12.8v-742.4c0-6.4 6.4-12.8 12.8-12.8h742.4c6.4 0 12.8 6.4 12.8 12.8v742.4c0 6.4-6.4 12.8-12.8 12.8z" />
<glyph unicode="&#xe920;" glyph-name="websocket" d="M984.064 97.536c-36.48 36.544-73.152 73.088-109.696 109.888-3.52 3.52-7.296 4.032-11.84 3.968-29.888 0-59.712 0-89.664 0-100.992 0-201.984 0-303.040 0-4.352 0-8.384-0.32-12.032 3.456-29.824 30.144-59.84 60.032-89.856 89.856-3.264 3.264-3.008 4.992 0.064 7.936 10.752 10.496 21.504 20.864 31.744 31.744 4.736 5.248 7.232 4.032 11.52-0.384 22.656-23.040 45.824-45.888 68.48-68.992 4.096-3.968 8-5.888 13.888-5.888 49.536 0.32 99.136 0.192 148.672 0.256 2.816 0 5.632-1.088 8.448 1.472-2.24 2.432-4.48 4.928-6.976 7.36-49.536 49.536-99.008 99.328-148.928 148.672-5.184 5.248-5.056 8 0.192 12.8 9.856 9.088 19.456 18.56 28.352 28.544 5.312 5.76 8 5.632 13.568 0.064 49.28-49.856 99.008-99.392 148.672-148.928 2.176-2.24 3.904-5.568 8.512-6.208 0 3.072 0 5.824 0 8.576 0 49.216-0.128 98.432 0.128 147.712 0 6.144-1.92 10.368-6.336 14.592-22.4 22.080-44.288 44.672-67.008 66.56-5.696 5.568-6.848 8.896-0.192 14.848 11.008 10.048 20.992 21.248 31.424 31.872 4.48 2.304 5.952-1.92 8.192-4.096 28.416-28.288 56.768-56.896 85.312-85.056 4.608-4.608 6.592-9.024 6.592-15.552-0.256-71.296-0.128-142.656-0.384-214.016 0-6.976 1.28-9.728 9.216-9.536 33.28 0.512 66.624 0.448 99.968 0 7.488-0.128 9.216 2.176 9.216 9.344-0.192 88.192-0.128 176.384-0.128 264.512 0 5.44-1.408 9.28-5.312 13.12-40.512 40.256-80.832 80.512-120.96 121.088-4.8 4.864-7.232 5.312-12.288 0.064-23.36-24-47.232-47.68-71.168-71.424-2.24-2.112-3.712-6.4-8.192-4.032-0.576 0.768-1.024 1.6-1.664 2.24-64.832 64.768-129.728 129.472-194.432 194.368-3.84 3.776-7.808 4.288-12.608 4.288-129.664-0.064-259.392-0.064-389.056-0.128-2.816 0-6.144 1.344-9.088-1.536 2.176-2.368 4.224-4.736 6.464-6.848 34.368-34.432 68.864-68.736 103.040-103.296 4.608-4.608 9.088-6.4 15.488-6.272 74.816 0.128 149.568 0.064 224.448 0.064 4.736 0 8.832-0.256 12.608-4.16 25.152-25.536 50.432-50.88 76.032-76.032 4.544-4.352 3.264-6.464-0.448-10.112-38.208-38.080-76.352-76.16-114.368-114.432-4.032-4.096-6.144-4.16-10.176 0-24.96 25.344-50.112 50.496-75.392 75.392-3.712 3.584-4.992 7.232-4.928 12.288 0.192 17.152-0.128 34.304 0.192 51.456 0.128 6.144-1.536 7.872-7.744 7.808-33.984-0.256-67.968-0.384-101.952 0.064-7.488 0.064-8.448-2.624-8.448-9.152 0.256-32.768 0.256-65.472 0-98.24 0-6.080 1.728-10.368 6.080-14.656 63.424-63.104 126.528-126.656 190.016-189.568 6.144-6.016 5.248-8.768-0.32-14.272-23.424-22.784-46.208-46.272-69.632-69.12-4.992-4.864-5.056-7.296 0-12.224 40.32-39.872 80.448-80.128 120.384-120.384 4.288-4.288 8.576-5.952 14.656-5.952 185.152 0.064 370.496 0.064 555.648 0.128 3.008 0 6.080-1.088 9.344 1.152-0.96 1.088-1.472 2.112-2.304 2.944z" />
<glyph unicode="&#xe90c;" glyph-name="folder-open" d="M853.333 704h-341.333l-85.333 85.333h-256c-46.933 0-84.907-38.4-84.907-85.333l-0.427-512c0-46.933 38.4-85.333 85.333-85.333h682.667c46.933 0 85.333 38.4 85.333 85.333v426.667c0 46.933-38.4 85.333-85.333 85.333zM853.333 192h-682.667v426.667h682.667v-426.667z" />
<glyph unicode="&#xe90d;" glyph-name="grid" d="M128 838.4h320v-320h-320v320zM582.4 384h320v-320h-320v320zM128 384h320v-320h-320v320zM582.4 838.4h320v-320h-320v320z" />
<glyph unicode="&#xe90e;" glyph-name="leaf" d="M96 697.6c0 0 275.2 249.6 537.6 89.6 262.4-153.6 345.6-358.4 230.4-505.6-134.4 204.8-204.8 307.2-480 390.4 0 0 435.2-275.2 512-595.2-12.8-70.4-76.8-19.2-76.8-19.2l-70.4 115.2c0 0-134.4-102.4-294.4 32-268.8 236.8-57.6 499.2-358.4 492.8z" />
<glyph unicode="&#xe90f;" glyph-name="list" d="M108.8 806.4h806.4v-121.6h-806.4v121.6zM108.8 512h806.4v-121.6h-806.4v121.6zM108.8 217.6h806.4v-121.6h-806.4v121.6z" />
<glyph unicode="&#xe910;" glyph-name="local" d="M913.152 685.248h-295.552l-98.56 98.496h-295.424v-98.496h-98.496v-590.976h689.472v98.432h98.496v492.544h0.064zM863.936 241.984h-49.344v344.768h-295.552l-98.432 98.56h-147.712v49.216h225.856l98.496-98.496h266.688v-394.048z" />
<glyph unicode="&#xe911;" glyph-name="mic" d="M473.6 563.2c-12.8 12.8-38.4 12.8-51.2 0l-339.2-396.8c-6.4-6.4-12.8-12.8-12.8-25.6s6.4-19.2 12.8-25.6l96-96c6.4-6.4 12.8-12.8 25.6-12.8 6.4 0 19.2 6.4 25.6 6.4l396.8 339.2c6.4 12.8 12.8 19.2 12.8 32s-6.4 19.2-12.8 25.6l-153.6 153.6zM883.2 825.6c-44.8 44.8-102.4 70.4-166.4 70.4s-121.6-25.6-172.8-70.4c-51.2-51.2-70.4-140.8-70.4-147.2 0-12.8 0-32 19.2-44.8l198.4-198.4c6.4-6.4 25.6-19.2 44.8-19.2 0 0 0 0 0 0 6.4 0 102.4 19.2 140.8 70.4 96 89.6 96 243.2 6.4 339.2z" />
<glyph unicode="&#xe912;" glyph-name="music" d="M966.4 928c-12.8 6.4-25.6 12.8-38.4 6.4l-544-128c-19.2-6.4-32-25.6-32-44.8v-422.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v550.4l454.4 108.8v-364.8c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4 198.4 89.6 198.4 198.4v588.8c0 12.8-6.4 25.6-19.2 38.4z" />
<glyph unicode="&#xe913;" glyph-name="pause" d="M256 149.333h170.667v597.333h-170.667v-597.333zM597.333 746.667v-597.333h170.667v597.333h-170.667z" />
<glyph unicode="&#xe914;" glyph-name="play" d="M426.667 591.36l224.853-143.36-224.853-143.36v286.72zM341.333 746.667v-597.333l469.333 298.667-469.333 298.667z" />
<glyph unicode="&#xe915;" glyph-name="play-alt" d="M367.928 187.803c3.555 0 7.168 0.222 10.747 0.665 47.168 5.889 82.615 48.877 79.137 95.89-0.003 0.081-0.007 0.158-0.010 0.238 0.084 0.483 0.131 0.98 0.131 1.487v255.812l184.632 34.369v-188.748c-9.877 2.424-20.369 3.012-30.777 1.706-47.285-5.845-82.813-48.967-79.201-96.115 3.277-43.468 38.61-76.246 82.192-76.246 3.582 0 7.225 0.228 10.824 0.678 47.211 5.885 82.736 49.004 79.19 96.098-0.007 0.081-0.013 0.161-0.020 0.242 0.067 0.416 0.097 0.843 0.097 1.279v382.986l0.077 0.967c0.252 3.038-1.219 5.946-3.757 7.641-1.917 1.283-4.277 1.682-6.493 1.199-0.040-0.007-0.081-0.017-0.121-0.024l-292.035-49.854c-4.032-0.688-6.98-4.183-6.98-8.273v-291.397c-9.904 2.448-20.393 3.048-30.767 1.749-47.305-5.835-82.81-48.961-79.147-96.125 3.327-43.458 38.697-76.229 82.279-76.226zM512-64c282.318 0 512 229.682 512 512s-229.682 512-512 512-512-229.682-512-512 229.682-512 512-512zM512 842.502c217.528 0 394.502-176.971 394.502-394.502s-176.974-394.505-394.502-394.505-394.502 176.974-394.502 394.505c0 217.528 176.974 394.502 394.502 394.502z" />
<glyph unicode="&#xe916;" glyph-name="playlist" d="M704 889.6c-12.8 12.8-32 19.2-51.2 12.8-12.8-12.8-25.6-25.6-25.6-44.8v-486.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v544l179.2-185.6 64 64-256 262.4zM102.4 883.2h390.4v-89.6h-390.4v89.6zM102.4 729.6h390.4v-89.6h-390.4v89.6zM102.4 576h390.4v-89.6h-390.4v89.6z" />
<glyph unicode="&#xe917;" glyph-name="repeat" d="M298.667 661.333h426.667v-128l170.667 170.667-170.667 170.667v-128h-512v-256h85.333v170.667zM725.333 234.667h-426.667v128l-170.667-170.667 170.667-170.667v128h512v256h-85.333v-170.667z" />
<glyph unicode="&#xe918;" glyph-name="search" d="M661.333 362.667h-33.707l-11.947 11.52c41.813 48.64 66.987 111.787 66.987 180.48 0 153.173-124.16 277.333-277.333 277.333s-277.333-124.16-277.333-277.333 124.16-277.333 277.333-277.333c68.693 0 131.84 25.173 180.48 66.987l11.52-11.947v-33.707l213.333-212.907 63.573 63.573-212.907 213.333zM405.333 362.667c-106.24 0-192 85.76-192 192s85.76 192 192 192 192-85.76 192-192-85.76-192-192-192z" />
<glyph unicode="&#xe919;" glyph-name="sections" d="M129.152 823.808h274.496v-274.496h-274.496v274.496zM467.52 823.808h427.392v-54.464h-427.392v54.464zM467.52 695.808h427.392v-54.464h-427.392v54.464zM467.52 567.808h427.392v-54.464h-427.392v54.464zM129.152 370.496h274.496v-274.496h-274.496v274.496zM467.52 370.496h427.392v-54.464h-427.392v54.464zM467.52 242.496h427.392v-54.464h-427.392v54.464zM467.52 114.496h427.392v-54.464h-427.392v54.464z" />
<glyph unicode="&#xe91a;" glyph-name="server" d="M825.6 684.8c0 89.6-198.4 115.2-313.6 115.2s-313.6-25.6-313.6-115.2c0 0 0 0 0 0v-332.8c0 0 0 0 0 0v-166.4c0-89.6 198.4-115.2 313.6-115.2s313.6 25.6 313.6 115.2v499.2zM761.6 352c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6zM512 736c160 0 243.2-38.4 249.6-51.2-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 44.8v0c6.4 19.2 89.6 57.6 249.6 57.6zM262.4 608c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6zM512 134.4c-160 0-243.2 38.4-249.6 51.2v96c70.4-32 179.2-38.4 249.6-38.4 76.8 0 185.6 12.8 249.6 38.4v-89.6c-6.4-19.2-89.6-57.6-249.6-57.6z" />
<glyph unicode="&#xe91b;" glyph-name="shuffle" d="M451.84 568.747l-221.013 220.587-60.16-60.16 220.587-220.587 60.587 60.16zM618.667 789.333l87.040-87.040-535.040-535.467 60.16-60.16 535.467 535.040 87.040-87.040v234.667h-234.667zM632.747 387.84l-60.16-60.16 133.547-133.547-87.467-87.467h234.667v234.667l-87.040-87.040-133.547 133.547z" />
<glyph unicode="&#xe91c;" glyph-name="skip" d="M256 192l362.667 256-362.667 256v-512zM341.333 539.307l129.28-91.307-129.28-91.307v182.613zM682.667 704h85.333v-512h-85.333v512z" />
<glyph unicode="&#xe91d;" glyph-name="soundcloud" d="M1.728 259.52c0-12.608 4.608-22.208 13.76-28.608 9.28-6.656 19.072-8.896 29.568-6.912 9.792 1.792 16.704 5.376 20.672 10.496 4.032 5.056 5.952 13.504 5.952 25.216v137.792c0 9.856-3.392 18.112-10.176 25.024-6.848 6.848-15.168 10.24-25.024 10.24-9.408 0-17.6-3.392-24.448-10.24-6.848-6.912-10.304-15.168-10.304-25.024v-137.984zM111.104 200.64c0-9.28 3.392-16.128 9.856-20.608 6.464-4.544 14.72-6.912 24.896-6.912 10.56 0 19.008 2.368 25.408 6.912 6.592 4.48 9.792 11.456 9.792 20.608v321.472c0 9.472-3.52 17.664-10.176 24.512-6.848 6.848-15.104 10.304-25.024 10.304-9.472 0-17.6-3.456-24.512-10.304-6.72-6.784-10.24-14.976-10.24-24.512v-321.472zM220.032 185.344c0-9.28 3.456-16.128 9.984-20.736 6.72-4.544 15.232-6.848 25.728-6.848 10.048 0 18.432 2.304 25.024 6.848 6.464 4.608 9.664 11.584 9.664 20.736v293.504c0 9.792-3.456 18.24-10.24 25.216-6.848 6.912-14.912 10.496-24.384 10.496-9.856 0-18.24-3.584-25.28-10.496-6.912-6.912-10.496-15.36-10.496-25.216v-293.504zM329.472 184c0-17.472 11.84-26.24 35.264-26.24 23.488 0 35.2 8.768 35.2 26.24v475.584c0 26.752-8.192 41.792-24.32 45.248-10.368 2.496-20.736-0.448-30.848-9.088-10.176-8.512-15.296-20.544-15.296-36.16v-475.584zM440.832 170.112v517.504c0 16.576 4.928 26.368 14.72 29.504 21.312 5.12 42.432 7.68 63.296 7.68 48.512 0 93.632-11.456 135.552-34.24 41.856-22.848 75.84-54.080 101.632-93.568 25.664-39.36 40.832-82.88 44.864-130.496 19.392 8.256 40 12.352 62.016 12.352 44.16 0 82.24-15.744 113.728-47.040 31.616-31.424 47.36-69.184 47.36-113.152 0-44.352-15.744-82.368-47.296-113.664-31.552-31.36-69.44-47.104-113.344-47.104l-413.952 0.576c-2.752 1.024-4.928 2.624-6.528 5.248-1.408 2.304-2.048 4.544-2.048 6.4v0z" />
<glyph unicode="&#xe91e;" glyph-name="speaker" d="M725.333 874.667h-426.667c-46.933 0-85.333-38.4-85.333-85.333v-682.667c0-46.933 38.4-84.907 85.333-84.907l426.667-0.427c46.933 0 85.333 38.4 85.333 85.333v682.667c0 46.933-38.4 85.333-85.333 85.333zM298.667 106.667v682.667h426.667v-682.667h-426.667zM512 576c46.933 0 85.333 38.4 85.333 85.333s-38.4 85.333-85.333 85.333c-47.36 0-85.333-38.4-85.333-85.333s37.973-85.333 85.333-85.333zM512 490.667c-94.293 0-170.667-76.373-170.667-170.667s76.373-170.667 170.667-170.667 170.667 76.373 170.667 170.667-76.373 170.667-170.667 170.667zM512 234.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333z" />
<glyph unicode="&#xe91f;" glyph-name="speaker-group" d="M776.533 917.333h-358.4c-42.24 0-76.8-34.56-76.8-76.8v-614.4c0-42.24 34.56-76.373 76.8-76.373l358.4-0.427c42.24 0 76.8 34.56 76.8 76.8v614.4c0 42.24-34.56 76.8-76.8 76.8zM768 234.667l-341.333 0.427v596.907h341.333v-597.333zM597.333 618.667c46.933 0 85.333 37.973 85.333 85.333s-38.4 85.333-85.333 85.333-85.333-37.973-85.333-85.333 38.4-85.333 85.333-85.333zM597.333 277.333c82.347 0 149.333 66.987 149.333 149.333s-66.987 149.333-149.333 149.333c-82.347 0-149.333-66.987-149.333-149.333s66.987-149.333 149.333-149.333zM597.333 490.667c35.413 0 64-28.587 64-64s-28.587-64-64-64-64 28.587-64 64 28.587 64 64 64zM256 746.667h-85.333v-682.667c0-46.933 37.973-85.333 85.333-85.333h426.667v85.333h-426.667v682.667z" />
<glyph unicode="&#xe920;" glyph-name="spotify" d="M508.16 839.232c-216.896 0-394.24-177.408-394.24-394.368 0-217.024 177.344-394.304 394.24-394.304 216.832 0 394.24 177.344 394.24 394.304s-175.552 394.368-394.24 394.368zM689.472 269.504c-7.872-11.904-21.76-15.744-33.408-7.872-92.736 57.152-209.088 68.992-347.008 37.376-13.76-3.904-25.536 6.016-29.504 17.856-3.968 13.76 5.76 25.536 17.728 29.504 149.76 33.472 280 19.776 382.4-43.392 13.824-5.952 15.744-21.696 9.792-33.472zM736.896 377.984c-9.856-14.016-27.712-19.776-41.344-9.984-106.496 65.152-268.16 84.928-392.32 45.376-15.872-4.032-33.6 3.904-37.568 19.776-3.968 15.744 3.968 33.536 19.648 37.376 144 43.392 321.344 21.76 443.712-53.248 11.712-5.888 17.664-25.472 7.872-39.296zM740.736 488.256c-126.080 75.072-337.024 82.944-457.216 45.44-19.776-5.952-39.552 5.888-45.44 23.616-5.888 19.776 5.888 39.424 23.616 45.376 139.968 41.344 370.624 33.472 516.544-53.248 17.728-9.856 23.616-33.472 13.76-51.264-9.728-13.76-33.472-19.648-51.264-9.92z" />
<glyph unicode="&#xe921;" glyph-name="star" d="M512 908.8c-12.8 0-19.2-6.4-25.6-25.6l-128-256-281.6-38.4c-25.6-6.4-32-12.8-32-25.6 0-6.4 6.4-19.2 12.8-25.6l204.8-198.4-51.2-281.6c0-6.4 0-6.4 0-12.8s0-12.8 6.4-19.2 12.8-6.4 19.2-6.4 12.8 0 25.6 6.4l256 134.4 256-134.4c6.4-6.4 12.8-6.4 25.6-6.4 6.4 0 12.8 0 19.2 6.4s6.4 12.8 6.4 19.2 0 6.4 0 12.8l-51.2 281.6 204.8 198.4c12.8 12.8 12.8 19.2 12.8 25.6 0 12.8-12.8 25.6-32 25.6l-281.6 38.4-128 256c-19.2 19.2-25.6 25.6-38.4 25.6v0z" />
<glyph unicode="&#xe922;" glyph-name="stop" d="M682.667 618.667v-341.333h-341.333v341.333h341.333zM768 704h-512v-512h512v512z" />
</font></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
mopidy_iris/static/assets/fonts/iris.ttf
View File

Binary file not shown.

BIN
mopidy_iris/static/assets/fonts/iris.woff
View File

Binary file not shown.

19
mopidy_iris/static/assets/icons/back.svg
View File

@ -1,11 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<path d="M3.8,14c0,0.1,0.1,0.2,0.2,0.2h1c0.1,0,0.2-0.1,0.2-0.2V2c0-0.1-0.1-0.2-0.2-0.2H4C3.9,1.8,3.8,1.9,3.8,2V14z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g>
<path d="M11.4,2.3c0-0.1-0.1-0.1-0.2-0.1L4.6,7.9c-0.1,0.1-0.1,0.2,0,0.3l6.6,5.7c0.1,0.1,0.2,0,0.2-0.1V2.3z"/>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<rect x="6" y="6" width="2" height="12"/>
<path d="M9.5,12l8.5,6V6L9.5,12z M16,14.14L12.97,12L16,9.86V14.14z"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 611 B

After

Width:  |  Height:  |  Size: 617 B

100
mopidy_iris/static/assets/icons/cog.svg
View File

@ -1,9 +1,95 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M15.3,9.2V6.7l-2-0.4C13.1,6,13,5.8,12.9,5.5L14,3.8L12.3,2l-1.7,1.1C10.3,3,10.1,2.9,9.8,2.8l-0.4-2H6.9l-0.4,2
C6.2,2.9,6,3,5.7,3.2L4,2L2.2,3.8l1.2,1.7C3.3,5.8,3.2,6,3.1,6.3L1,6.7v2.5l2,0.4c0.1,0.3,0.2,0.5,0.3,0.8l-1.2,1.7L4,13.8l1.7-1.2
C6,12.8,6.2,12.9,6.5,13l0.4,2h2.5l0.4-2c0.3-0.1,0.5-0.2,0.8-0.3l1.7,1.2l1.7-1.7l-1.2-1.7c0.1-0.3,0.2-0.5,0.3-0.8L15.3,9.2z
M8.1,9.9c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.2,9.9,8.1,9.9z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Rounded" display="none">
<g id="ui_x5F_spec_x5F_header_copy_5">
</g>
<path display="inline" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65
c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98
l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
<g id="Sharp" display="none">
<g id="ui_x5F_spec_x5F_header_copy_4">
</g>
<path display="inline" d="M19.44,12.99l-0.01,0.02c0.04-0.33,0.08-0.67,0.08-1.01c0-0.34-0.03-0.66-0.07-0.99l0.01,0.02l2.44-1.92
l-2.43-4.22l-2.87,1.16l0.01,0.01c-0.52-0.4-1.09-0.74-1.71-1h0.01L14.44,2H9.57L9.13,5.07h0.01c-0.62,0.26-1.19,0.6-1.71,1
l0.01-0.01L4.56,4.89L2.12,9.11l2.44,1.92l0.01-0.02C4.53,11.34,4.5,11.66,4.5,12c0,0.34,0.03,0.68,0.08,1.01l-0.01-0.02l-2.1,1.65
c-0.19,0.15-0.33,0.26-0.33,0.26l2.43,4.2l2.88-1.15l-0.02-0.04c0.53,0.41,1.1,0.75,1.73,1.01H9.13L9.58,22h4.85
c0,0,0.03-0.18,0.06-0.42l0.38-2.65h-0.01c0.62-0.26,1.2-0.6,1.73-1.01l-0.02,0.04l2.88,1.15l2.43-4.2c0,0-0.14-0.12-0.33-0.26
L19.44,12.99z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<g>
<path d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98c0-0.34-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
c-0.09-0.16-0.26-0.25-0.44-0.25c-0.06,0-0.12,0.01-0.17,0.03l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
C4.89,5.03,4.83,5.02,4.77,5.02c-0.17,0-0.34,0.09-0.43,0.25l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65
C4.53,11.34,4.5,11.67,4.5,12c0,0.33,0.03,0.66,0.07,0.98l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46
c0.09,0.16,0.26,0.25,0.44,0.25c0.06,0,0.12-0.01,0.17-0.03l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.06,0.02,0.12,0.03,0.18,0.03c0.17,0,0.34-0.09,0.43-0.25l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M17.45,11.27
c0.04,0.31,0.05,0.52,0.05,0.73c0,0.21-0.02,0.43-0.05,0.73l-0.14,1.13l0.89,0.7l1.08,0.84l-0.7,1.21l-1.27-0.51l-1.04-0.42
l-0.9,0.68c-0.43,0.32-0.84,0.56-1.25,0.73l-1.06,0.43l-0.16,1.13L12.7,20H11.3l-0.19-1.35l-0.16-1.13l-1.06-0.43
c-0.43-0.18-0.83-0.41-1.23-0.71l-0.91-0.7l-1.06,0.43l-1.27,0.51l-0.7-1.21l1.08-0.84l0.89-0.7l-0.14-1.13
C6.52,12.43,6.5,12.2,6.5,12s0.02-0.43,0.05-0.73l0.14-1.13L5.8,9.44L4.72,8.6l0.7-1.21l1.27,0.51l1.04,0.42l0.9-0.68
c0.43-0.32,0.84-0.56,1.25-0.73l1.06-0.43l0.16-1.13L11.3,4h1.39l0.19,1.35l0.16,1.13l1.06,0.43c0.43,0.18,0.83,0.41,1.23,0.71
l0.91,0.7l1.06-0.43l1.27-0.51l0.7,1.21L18.2,9.44l-0.89,0.7L17.45,11.27z"/>
<path d="M12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,8,12,8z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,14,12,14z"/>
</g>
</g>
<g id="Duotone" display="none">
<g id="ui_x5F_spec_x5F_header_copy_2">
</g>
<g display="inline">
<path opacity="0.3" d="M19.28,8.6l-0.7-1.21l-1.27,0.51l-1.06,0.43l-0.91-0.7c-0.39-0.3-0.8-0.54-1.23-0.71l-1.06-0.43l-0.16-1.13
L12.7,4H11.3l-0.19,1.35l-0.16,1.13L9.89,6.92C9.48,7.09,9.07,7.33,8.64,7.65l-0.9,0.68L6.69,7.91L5.42,7.39L4.72,8.6L5.8,9.44
l0.89,0.7l-0.14,1.13C6.52,11.57,6.5,11.8,6.5,12s0.02,0.43,0.05,0.73l0.14,1.13l-0.89,0.7L4.72,15.4l0.7,1.21l1.27-0.51
l1.06-0.43l0.91,0.7c0.39,0.3,0.8,0.54,1.23,0.71l1.06,0.43l0.16,1.13L11.3,20h1.39l0.19-1.35l0.16-1.13l1.06-0.43
c0.41-0.17,0.82-0.41,1.25-0.73l0.9-0.68l1.04,0.42l1.27,0.51l0.7-1.21l-1.08-0.84l-0.89-0.7l0.14-1.13
c0.04-0.31,0.05-0.52,0.05-0.73c0-0.21-0.02-0.43-0.05-0.73l-0.14-1.13l0.89-0.7L19.28,8.6z M12,16c-2.21,0-4-1.79-4-4s1.79-4,4-4
s4,1.79,4,4S14.21,16,12,16z"/>
<path d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98c0-0.34-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
c-0.09-0.16-0.26-0.25-0.44-0.25c-0.06,0-0.12,0.01-0.17,0.03l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
C4.89,5.03,4.83,5.02,4.77,5.02c-0.17,0-0.34,0.09-0.43,0.25l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65
C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46
c0.09,0.16,0.26,0.25,0.44,0.25c0.06,0,0.12-0.01,0.17-0.03l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.06,0.02,0.12,0.03,0.18,0.03c0.17,0,0.34-0.09,0.43-0.25l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M17.45,11.27
c0.04,0.31,0.05,0.52,0.05,0.73c0,0.21-0.02,0.43-0.05,0.73l-0.14,1.13l0.89,0.7l1.08,0.84l-0.7,1.21l-1.27-0.51l-1.04-0.42
l-0.9,0.68c-0.43,0.32-0.84,0.56-1.25,0.73l-1.06,0.43l-0.16,1.13L12.7,20H11.3l-0.19-1.35l-0.16-1.13l-1.06-0.43
c-0.43-0.18-0.83-0.41-1.23-0.71l-0.91-0.7l-1.06,0.43l-1.27,0.51l-0.7-1.21l1.08-0.84l0.89-0.7l-0.14-1.13
C6.52,12.43,6.5,12.2,6.5,12s0.02-0.43,0.05-0.73l0.14-1.13L5.8,9.44L4.72,8.6l0.7-1.21l1.27,0.51l1.04,0.42l0.9-0.68
c0.43-0.32,0.84-0.56,1.25-0.73l1.06-0.43l0.16-1.13L11.3,4h1.39l0.19,1.35l0.16,1.13l1.06,0.43c0.43,0.18,0.83,0.41,1.23,0.71
l0.91,0.7l1.06-0.43l1.27-0.51l0.7,1.21L18.2,9.44l-0.89,0.7L17.45,11.27z"/>
<path d="M12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,8,12,8z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,14,12,14z"/>
</g>
</g>
<g id="Material" display="none">
<g id="ui_x5F_spec_x5F_header_copy">
</g>
<path display="inline" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65
c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98
l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 799 B

After

Width:  |  Height:  |  Size: 7.3 KiB

62
mopidy_iris/static/assets/icons/consume.svg
View File

@ -1,52 +1,16 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 489.773 489.773" style="enable-background:new 0 0 489.773 489.773;" xml:space="preserve">
<g id="XMLID_95_">
<path id="XMLID_98_" d="M155.183,305.646c-2.081,0.175-4.157,0.265-6.238,0.265c-5.693,0-11.23-0.826-16.652-2.081L6.834,429.293
c-6.158,6.149-6.158,16.137,0,22.287l32.47,32.478c6.158,6.15,16.135,6.15,22.276,0l150.785-150.757l-27.944-30.15L155.183,305.646
z"/>
<path id="XMLID_97_" d="M485.345,104.649c-5.888-5.885-15.417-5.885-21.304,0l-81.303,81.301c-7.693,7.685-20.154,7.685-27.847,0
c-7.659-7.679-7.659-20.13,0-27.807l80.901-80.884c6.112-6.118,6.112-16.036,0-22.168c-6.141-6.11-16.055-6.11-22.167,0
l-80.868,80.876c-7.693,7.693-20.14,7.693-27.833,0c-7.677-7.676-7.677-20.136,0-27.806l81.286-81.293
c5.904-5.894,5.904-15.441,0-21.343c-5.888-5.895-15.434-5.895-21.338,0l-91.458,91.463
c-21.989,22.003-28.935,52.888-21.816,80.991l61.31,61.314c28.101,7.093,59.001,0.144,80.965-21.841l91.471-91.458
C491.249,120.1,491.249,110.543,485.345,104.649z"/>
<path id="XMLID_96_" d="M41.093,13.791c-3.134-3.135-7.372-4.854-11.724-4.854c-0.926,0-1.857,0.079-2.766,0.231
c-5.295,0.896-9.838,4.295-12.172,9.133c-26.79,55.373-15.594,121.631,27.894,165.121l77.801,77.791
c7.676,7.685,18.055,11.939,28.819,11.939c1.151,0,2.305-0.048,3.456-0.143l45.171-3.855l196.971,212.489
c3.058,3.303,7.342,5.221,11.855,5.31c0.093,0,0.19,0,0.288,0c4.412,0,8.636-1.743,11.771-4.855l33.734-33.741
c3.117-3.11,4.859-7.331,4.859-11.73c0-4.398-1.742-8.622-4.846-11.732L41.093,13.791z"/>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M16,6v8h3v8h2V2C18.24,2,16,4.24,16,6z"/>
<path d="M11,9H9V2H7v7H5V2H3v7c0,2.21,1.79,4,4,4v9h2v-9c2.21,0,4-1.79,4-4V2h-2V9z"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 640 B

19
mopidy_iris/static/assets/icons/filter.svg
View File

@ -1,8 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path d="M13.954,2.139c-0.085-0.163-0.253-0.264-0.437-0.264H2.48c-0.183,0-0.352,0.102-0.437,0.264s-0.074,0.359,0.03,0.51
L6.86,9.604c0,1.3,0,4.013,0,4.32c1.021-0.254,1.258,1.165,2.278,0.429c0-0.426,0-3.384,0-4.748l4.785-6.957
C14.028,2.498,14.04,2.302,13.954,2.139z M8,8.604L5.351,4.754h5.297L8,8.604z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<path d="M10,18h4v-2h-4V18z M3,6v2h18V6H3z M6,13h12v-2H6V13z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 647 B

After

Width:  |  Height:  |  Size: 631 B

14
mopidy_iris/static/assets/icons/folder-open.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M20,18H4V8h16V18z"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 624 B

16
mopidy_iris/static/assets/icons/pause.svg
View File

@ -1,11 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<g>
<path d="M6.2,13.8c0,0.1-0.1,0.2-0.2,0.2H3.6c-0.1,0-0.2-0.1-0.2-0.2V2.2C3.4,2.1,3.5,2,3.6,2h2.4c0.1,0,0.2,0.1,0.2,0.2V13.8z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g>
<path d="M12.6,13.8c0,0.1-0.1,0.2-0.2,0.2h-2.4c-0.1,0-0.2-0.1-0.2-0.2V2.2C9.9,2.1,9.9,2,10.1,2h2.4c0.1,0,0.2,0.1,0.2,0.2V13.8z"
/>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M6,19h4V5H6V19z M14,5v14h4V5H14z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 536 B

14
mopidy_iris/static/assets/icons/play.svg
View File

@ -1,5 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M13.2,7.8L3.6,1.5c-0.1-0.1-0.2,0-0.2,0.1v12.6c0,0.1,0.1,0.2,0.2,0.1L13.2,8C13.3,8,13.3,7.9,13.2,7.8z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M10,8.64L15.27,12L10,15.36V8.64 M8,5v14l11-7L8,5L8,5z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 321 B

After

Width:  |  Height:  |  Size: 557 B

56
mopidy_iris/static/assets/icons/repeat.svg
View File

@ -1,49 +1,13 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.013 512.013" style="enable-background:new 0 0 512.013 512.013;" xml:space="preserve">
<g>
<g>
<path d="M510.502,297.222c-2.656-5.632-8.288-9.216-14.496-9.216h-48v-128c0-35.296-28.704-64-64-64H145.158l53.344,64h185.504
v128h-48c-6.208,0-11.84,3.584-14.496,9.216c-2.624,5.632-1.792,12.256,2.208,17.024l80,96c3.04,3.68,7.552,5.76,12.288,5.76
c4.736,0,9.248-2.08,12.288-5.76l80-96C512.294,309.478,513.126,302.854,510.502,297.222z"/>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
</g>
<g>
<g>
<path d="M313.51,352.006H128.006v-128h48c6.208,0,11.84-3.584,14.496-9.216c2.624-5.632,1.792-12.256-2.208-17.024l-80-96
c-3.04-3.68-7.52-5.76-12.288-5.76s-9.248,2.08-12.288,5.76l-80,96c-4,4.768-4.832,11.392-2.208,17.024
c2.656,5.632,8.288,9.216,14.496,9.216h48v128c0,35.296,28.704,64,64,64h238.848L313.51,352.006z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
<path d="M7,7h10v3l4-4l-4-4v3H5v6h2V7z M17,17H7v-3l-4,4l4,4v-3h12v-6h-2V17z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 570 B

52
mopidy_iris/static/assets/icons/search.svg
View File

@ -1,8 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M15.3,13.4l-3.5-3.5C12.2,9,12.5,8,12.5,7c0-3.1-2.5-5.6-5.6-5.6C3.8,1.4,1.3,3.9,1.3,7c0,3.1,2.5,5.6,5.6,5.6
c1.2,0,2.4-0.4,3.3-1.1l3.5,3.5c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3C15.7,14.6,15.7,13.8,15.3,13.4z M3.5,7
c0-1.9,1.5-3.4,3.4-3.4c1.9,0,3.4,1.5,3.4,3.4c0,0.7-0.2,1.4-0.6,1.9C9.6,9,9.5,9,9.4,9.1C9.3,9.2,9.2,9.3,9.1,9.5
c-0.6,0.5-1.4,0.9-2.2,0.9C5,10.4,3.5,8.9,3.5,7z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Rounded" display="none">
<g id="ui_x5F_spec_x5F_header_copy_5">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34
c-4.23-0.52-7.79,3.04-7.27,7.27c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25
c0.41,0.41,1.08,0.41,1.49,0l0,0c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
<g id="Sharp" display="none">
<g id="ui_x5F_spec_x5F_header_copy_4">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5
S5.91,16,9.5,16c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5
S14,7.01,14,9.5S11.99,14,9.5,14z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<path d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5S5.91,16,9.5,16
c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
<g id="Duotone" display="none">
<g id="ui_x5F_spec_x5F_header_copy_2">
</g>
<g display="inline">
<path d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16
c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
</g>
<g id="Material" display="none">
<g id="ui_x5F_spec_x5F_header_copy">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5
S5.91,16,9.5,16c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5
S14,7.01,14,9.5S11.99,14,9.5,14z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 601 B

After

Width:  |  Height:  |  Size: 2.3 KiB

66
mopidy_iris/static/assets/icons/shuffle.svg
View File

@ -1,58 +1,14 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M506.24,371.7l-96-80c-4.768-4-11.424-4.8-17.024-2.208c-5.632,2.656-9.216,8.288-9.216,14.496v48h-26.784
c-22.208,0-42.496-11.264-54.272-30.08l-103.616-165.76c-23.52-37.664-64.096-60.16-108.544-60.16H0v64h90.784
c22.208,0,42.496,11.264,54.272,30.08l103.616,165.76c23.552,37.664,64.128,60.16,108.544,60.16H384v48
c0,6.208,3.584,11.84,9.216,14.496c2.144,0.992,4.48,1.504,6.784,1.504c3.68,0,7.328-1.248,10.24-3.712l96-80
c3.68-3.04,5.76-7.552,5.76-12.288C512,379.252,509.92,374.74,506.24,371.7z"/>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
</g>
<g>
<g>
<path d="M506.24,115.7l-96-80c-4.768-3.968-11.424-4.8-17.024-2.176C387.584,36.116,384,41.78,384,47.988v48h-26.784
c-44.448,0-85.024,22.496-108.544,60.16l-5.792,9.28l37.728,60.384l22.336-35.744c11.776-18.816,32.064-30.08,54.272-30.08H384v48
c0,6.208,3.584,11.872,9.216,14.496c2.144,0.992,4.48,1.504,6.784,1.504c3.68,0,7.328-1.28,10.24-3.712l96-80
c3.68-3.04,5.76-7.552,5.76-12.288C512,123.252,509.92,118.74,506.24,115.7z"/>
</g>
</g>
<g>
<g>
<path d="M167.392,286.164l-22.304,35.744c-11.776,18.816-32.096,30.08-54.304,30.08H0v64h90.784
c44.416,0,84.992-22.496,108.544-60.16l5.792-9.28L167.392,286.164z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
<path d="M10.59,9.17L5.41,4L4,5.41l5.17,5.17L10.59,9.17z M14.5,4l2.04,2.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4H14.5z
M14.83,13.41l-1.41,1.41l3.13,3.13L14.5,20H20v-5.5l-2.04,2.04L14.83,13.41z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 688 B

19
mopidy_iris/static/assets/icons/skip.svg
View File

@ -1,11 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<path d="M11.4,14c0,0.1-0.1,0.2-0.2,0.2h-1c-0.1,0-0.2-0.1-0.2-0.2V2c0-0.1,0.1-0.2,0.2-0.2h1c0.1,0,0.2,0.1,0.2,0.2V14z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g>
<path d="M3.8,2.3c0-0.1,0.1-0.1,0.2-0.1l6.6,5.7c0.1,0.1,0.1,0.2,0,0.3L4,13.8c-0.1,0.1-0.2,0-0.2-0.1V2.3z"/>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M6,18l8.5-6L6,6V18z M8,9.86L11.03,12L8,14.14V9.86z"/>
<rect x="16" y="6" width="2" height="12"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 612 B

After

Width:  |  Height:  |  Size: 611 B

22
mopidy_iris/static/assets/icons/speaker-group.svg Normal file
View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M18.2,1H9.8C8.81,1,8,1.81,8,2.8v14.4c0,0.99,0.81,1.79,1.8,1.79L18.2,19c0.99,0,1.8-0.81,1.8-1.8V2.8
C20,1.81,19.19,1,18.2,1z M18,17l-8-0.01V3h8V17z"/>
<path d="M14,8c1.1,0,2-0.89,2-2s-0.9-2-2-2s-2,0.89-2,2S12.9,8,14,8z"/>
<path d="M14,16c1.93,0,3.5-1.57,3.5-3.5c0-1.93-1.57-3.5-3.5-3.5c-1.93,0-3.5,1.57-3.5,3.5C10.5,14.43,12.07,16,14,16z M14,11
c0.83,0,1.5,0.67,1.5,1.5S14.83,14,14,14s-1.5-0.67-1.5-1.5S13.17,11,14,11z"/>
<path d="M6,5H4v16c0,1.1,0.89,2,2,2h10v-2H6V5z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

20
mopidy_iris/static/assets/icons/speaker.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M17,2H7C5.9,2,5,2.9,5,4v16c0,1.1,0.9,1.99,2,1.99L17,22c1.1,0,2-0.9,2-2V4C19,2.9,18.1,2,17,2z M7,20V4h10l0,16H7z"/>
<path d="M12,9c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2c-1.11,0-2,0.9-2,2C10,8.1,10.89,9,12,9z"/>
<path d="M12,11c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,11,12,11z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,17,12,17z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 905 B

15
mopidy_iris/static/assets/icons/stop.svg
View File

@ -1,6 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M13.8,2H2.2C2.1,2,2,2.1,2,2.2v11.6C2,13.9,2.1,14,2.2,14h11.6c0.1,0,0.2-0.1,0.2-0.2V2.2C14,2.1,13.9,2,13.8,2
z"/>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M16,8v8H8V8H16 M18,6H6v12h12V6L18,6z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 345 B

After

Width:  |  Height:  |  Size: 540 B

2
mopidy_iris/static/index.html
View File

@ -77,7 +77,7 @@
// Release details
// These are automatically injected to built HTML
var build = "1526184103";
var build = "1526374216";
var version = "3.18.0";
// Construct the script tag

11
src/assets/back.svg
View File

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<path d="M3.8,14c0,0.1,0.1,0.2,0.2,0.2h1c0.1,0,0.2-0.1,0.2-0.2V2c0-0.1-0.1-0.2-0.2-0.2H4C3.9,1.8,3.8,1.9,3.8,2V14z"/>
</g>
<g>
<path d="M11.4,2.3c0-0.1-0.1-0.1-0.2-0.1L4.6,7.9c-0.1,0.1-0.1,0.2,0,0.3l6.6,5.7c0.1,0.1,0.2,0,0.2-0.1V2.3z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 611 B

9
src/assets/cog.svg
View File

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M15.3,9.2V6.7l-2-0.4C13.1,6,13,5.8,12.9,5.5L14,3.8L12.3,2l-1.7,1.1C10.3,3,10.1,2.9,9.8,2.8l-0.4-2H6.9l-0.4,2
C6.2,2.9,6,3,5.7,3.2L4,2L2.2,3.8l1.2,1.7C3.3,5.8,3.2,6,3.1,6.3L1,6.7v2.5l2,0.4c0.1,0.3,0.2,0.5,0.3,0.8l-1.2,1.7L4,13.8l1.7-1.2
C6,12.8,6.2,12.9,6.5,13l0.4,2h2.5l0.4-2c0.3-0.1,0.5-0.2,0.8-0.3l1.7,1.2l1.7-1.7l-1.2-1.7c0.1-0.3,0.2-0.5,0.3-0.8L15.3,9.2z
M8.1,9.9c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.2,9.9,8.1,9.9z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 799 B

52
src/assets/consume.svg
View File

@ -1,52 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 489.773 489.773" style="enable-background:new 0 0 489.773 489.773;" xml:space="preserve">
<g id="XMLID_95_">
<path id="XMLID_98_" d="M155.183,305.646c-2.081,0.175-4.157,0.265-6.238,0.265c-5.693,0-11.23-0.826-16.652-2.081L6.834,429.293
c-6.158,6.149-6.158,16.137,0,22.287l32.47,32.478c6.158,6.15,16.135,6.15,22.276,0l150.785-150.757l-27.944-30.15L155.183,305.646
z"/>
<path id="XMLID_97_" d="M485.345,104.649c-5.888-5.885-15.417-5.885-21.304,0l-81.303,81.301c-7.693,7.685-20.154,7.685-27.847,0
c-7.659-7.679-7.659-20.13,0-27.807l80.901-80.884c6.112-6.118,6.112-16.036,0-22.168c-6.141-6.11-16.055-6.11-22.167,0
l-80.868,80.876c-7.693,7.693-20.14,7.693-27.833,0c-7.677-7.676-7.677-20.136,0-27.806l81.286-81.293
c5.904-5.894,5.904-15.441,0-21.343c-5.888-5.895-15.434-5.895-21.338,0l-91.458,91.463
c-21.989,22.003-28.935,52.888-21.816,80.991l61.31,61.314c28.101,7.093,59.001,0.144,80.965-21.841l91.471-91.458
C491.249,120.1,491.249,110.543,485.345,104.649z"/>
<path id="XMLID_96_" d="M41.093,13.791c-3.134-3.135-7.372-4.854-11.724-4.854c-0.926,0-1.857,0.079-2.766,0.231
c-5.295,0.896-9.838,4.295-12.172,9.133c-26.79,55.373-15.594,121.631,27.894,165.121l77.801,77.791
c7.676,7.685,18.055,11.939,28.819,11.939c1.151,0,2.305-0.048,3.456-0.143l45.171-3.855l196.971,212.489
c3.058,3.303,7.342,5.221,11.855,5.31c0.093,0,0.19,0,0.288,0c4.412,0,8.636-1.743,11.771-4.855l33.734-33.741
c3.117-3.11,4.859-7.331,4.859-11.73c0-4.398-1.742-8.622-4.846-11.732L41.093,13.791z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

8
src/assets/filter.svg
View File

@ -1,8 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path d="M13.954,2.139c-0.085-0.163-0.253-0.264-0.437-0.264H2.48c-0.183,0-0.352,0.102-0.437,0.264s-0.074,0.359,0.03,0.51
L6.86,9.604c0,1.3,0,4.013,0,4.32c1.021-0.254,1.258,1.165,2.278,0.429c0-0.426,0-3.384,0-4.748l4.785-6.957
C14.028,2.498,14.04,2.302,13.954,2.139z M8,8.604L5.351,4.754h5.297L8,8.604z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 647 B

BIN
src/assets/fonts/MaterialIcons-Regular.eot Executable file
View File

Binary file not shown.

BIN
src/assets/fonts/MaterialIcons-Regular.ttf Executable file
View File

Binary file not shown.

BIN
src/assets/fonts/MaterialIcons-Regular.woff Executable file
View File

Binary file not shown.

BIN
src/assets/fonts/MaterialIcons-Regular.woff2 Executable file
View File

Binary file not shown.

BIN
src/assets/fonts/iris.eot Executable file
View File

Binary file not shown.

54
src/assets/fonts/iris.svg
View File

@ -3,41 +3,43 @@
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="iris" horiz-adv-x="1024">
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="back" d="M243.2 64c0-6.4 6.4-12.8 12.8-12.8h64c6.4 0 12.8 6.4 12.8 12.8v768c0 6.4-6.4 12.8-12.8 12.8h-64c-6.4 0-12.8-6.4-12.8-12.8v-768zM729.6 812.8c0 6.4-6.4 6.4-12.8 6.4l-422.4-364.8c-6.4-6.4-6.4-12.8 0-19.2l422.4-364.8c6.4-6.4 12.8 0 12.8 6.4v736z" />
<glyph unicode="&#xe900;" glyph-name="back" d="M256 704h85.333v-512h-85.333v512zM405.333 448l362.667-256v512l-362.667-256zM682.667 356.693l-129.28 91.307 129.28 91.307v-182.613z" />
<glyph unicode="&#xe901;" glyph-name="broadcast" d="M512 364.8c-44.8 0-83.2 38.4-83.2 83.2s38.4 83.2 83.2 83.2 83.2-38.4 83.2-83.2-38.4-83.2-83.2-83.2zM614.4 236.8c-12.8 0-32 6.4-38.4 19.2-12.8 19.2-6.4 51.2 12.8 64 44.8 25.6 70.4 76.8 70.4 128s-25.6 102.4-70.4 128c-19.2 12.8-25.6 38.4-12.8 64 12.8 19.2 38.4 25.6 64 12.8 70.4-44.8 115.2-121.6 115.2-204.8s-44.8-160-115.2-204.8c-6.4 0-19.2-6.4-25.6-6.4zM409.6 236.8c-6.4 0-19.2 0-25.6 6.4-70.4 44.8-108.8 121.6-108.8 204.8s44.8 160 115.2 204.8c19.2 12.8 44.8 6.4 57.6-12.8s6.4-51.2-12.8-64c-44.8-25.6-70.4-76.8-70.4-128s25.6-102.4 70.4-128c19.2-12.8 25.6-38.4 12.8-64-6.4-6.4-25.6-19.2-38.4-19.2zM736 134.4c-12.8 0-25.6 6.4-32 19.2-12.8 19.2-12.8 44.8 6.4 64 70.4 57.6 115.2 147.2 115.2 236.8s-38.4 179.2-115.2 236.8c-19.2 12.8-19.2 44.8-6.4 64s44.8 19.2 64 6.4c89.6-76.8 147.2-185.6 147.2-307.2s-51.2-230.4-147.2-307.2c-12.8-12.8-19.2-12.8-32-12.8zM288 128c-12.8 0-19.2 6.4-25.6 12.8-96 76.8-147.2 185.6-147.2 307.2s51.2 230.4 147.2 307.2c12.8 19.2 44.8 12.8 57.6-6.4s12.8-44.8-6.4-64c-70.4-57.6-108.8-140.8-108.8-236.8s44.8-179.2 115.2-236.8c19.2-12.8 19.2-44.8 6.4-64-12.8-12.8-25.6-19.2-38.4-19.2z" />
<glyph unicode="&#xe902;" glyph-name="cd" d="M512 915.2c-256 0-467.2-211.2-467.2-467.2s211.2-467.2 467.2-467.2 467.2 211.2 467.2 467.2c0 256-211.2 467.2-467.2 467.2zM512 537.6c51.2 0 89.6-38.4 89.6-89.6s-38.4-89.6-89.6-89.6-89.6 38.4-89.6 89.6 38.4 89.6 89.6 89.6zM864 588.8l-185.6-76.8c-19.2 44.8-51.2 83.2-96 102.4l83.2 179.2c89.6-38.4 160-115.2 198.4-204.8zM160 313.6l185.6 70.4c19.2-44.8 51.2-83.2 96-102.4l-83.2-179.2c-89.6 44.8-160 115.2-198.4 211.2z" />
<glyph unicode="&#xe903;" glyph-name="chevron-left" d="M396.8 518.4l364.8 364.8c25.6 25.6 25.6 57.6 0 83.2s-64 25.6-83.2 0l-409.6-409.6c-12.8-12.8-19.2-25.6-19.2-38.4s6.4-32 19.2-44.8l409.6-409.6c12.8-12.8 25.6-19.2 44.8-19.2s32 6.4 44.8 19.2c25.6 25.6 25.6 57.6 0 83.2l-371.2 371.2z" />
<glyph unicode="&#xe904;" glyph-name="chevron-right" d="M761.6 492.8l-409.6 409.6c-25.6 25.6-57.6 25.6-83.2 0s-25.6-57.6 0-83.2l364.8-364.8-364.8-364.8c-25.6-25.6-25.6-57.6 0-83.2 12.8-12.8 25.6-19.2 44.8-19.2s32 6.4 44.8 19.2l409.6 409.6c12.8 12.8 19.2 25.6 19.2 44.8s-19.2 19.2-25.6 32z" />
<glyph unicode="&#xe905;" glyph-name="close" d="M921.6 816.64l-40.96 40.96-368.64-368.64-368.64 368.64-40.96-40.96 368.64-368.64-368.64-368.64 40.96-40.96 368.64 368.64 368.64-368.64 40.96 40.96-368.64 368.64z" />
<glyph unicode="&#xe906;" glyph-name="cog" d="M979.2 371.2v160l-128 25.6c-12.8 19.2-19.2 32-25.6 51.2l70.4 108.8-108.8 115.2-108.8-70.4c-19.2 6.4-32 12.8-51.2 19.2l-25.6 128h-160l-25.6-128c-19.2-6.4-32-12.8-51.2-25.6l-108.8 76.8-115.2-115.2 76.8-108.8c-6.4-19.2-12.8-32-19.2-51.2l-134.4-25.6v-160l128-25.6c6.4-19.2 12.8-32 19.2-51.2l-76.8-108.8 121.6-108.8 108.8 76.8c19.2-12.8 32-19.2 51.2-25.6l25.6-128h160l25.6 128c19.2 6.4 32 12.8 51.2 19.2l108.8-76.8 108.8 108.8-76.8 108.8c6.4 19.2 12.8 32 19.2 51.2l140.8 32zM518.4 326.4c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128-57.6-128-128-128z" />
<glyph unicode="&#xe906;" glyph-name="cog" d="M829.013 406.187c1.707 13.653 2.987 27.307 2.987 41.813s-1.28 28.16-2.987 41.813l90.027 70.4c8.107 6.4 10.24 17.92 5.12 27.307l-85.333 147.627c-3.84 6.827-11.093 10.667-18.773 10.667-2.56 0-5.12-0.427-7.253-1.28l-106.24-42.667c-22.187 17.067-46.080 31.147-72.107 41.813l-16.213 113.067c-1.28 10.24-10.24 17.92-20.907 17.92h-170.667c-10.667 0-19.627-7.68-20.907-17.92l-16.213-113.067c-26.027-10.667-49.92-25.173-72.107-41.813l-106.24 42.667c-2.56 0.853-5.12 1.28-7.68 1.28-7.253 0-14.507-3.84-18.347-10.667l-85.333-147.627c-5.547-9.387-2.987-20.907 5.12-27.307l90.027-70.4c-1.707-13.653-2.987-27.733-2.987-41.813s1.28-28.16 2.987-41.813l-90.027-70.4c-8.107-6.4-10.24-17.92-5.12-27.307l85.333-147.627c3.84-6.827 11.093-10.667 18.773-10.667 2.56 0 5.12 0.427 7.253 1.28l106.24 42.667c22.187-17.067 46.080-31.147 72.107-41.813l16.213-113.067c1.28-10.24 10.24-17.92 20.907-17.92h170.667c10.667 0 19.627 7.68 20.907 17.92l16.213 113.067c26.027 10.667 49.92 25.173 72.107 41.813l106.24-42.667c2.56-0.853 5.12-1.28 7.68-1.28 7.253 0 14.507 3.84 18.347 10.667l85.333 147.627c5.12 9.387 2.987 20.907-5.12 27.307l-90.027 70.4zM744.533 479.147c1.707-13.227 2.133-22.187 2.133-31.147s-0.853-18.347-2.133-31.147l-5.973-48.213 37.973-29.867 46.080-35.84-29.867-51.627-54.187 21.76-44.373 17.92-38.4-29.013c-18.347-13.653-35.84-23.893-53.333-31.147l-45.227-18.347-6.827-48.213-8.533-57.6h-59.733l-8.107 57.6-6.827 48.213-45.227 18.347c-18.347 7.68-35.413 17.493-52.48 30.293l-38.827 29.867-45.227-18.347-54.187-21.76-29.867 51.627 46.080 35.84 37.973 29.867-5.973 48.213c-1.28 13.227-2.133 23.040-2.133 31.573s0.853 18.347 2.133 31.147l5.973 48.213-37.973 29.867-46.080 35.84 29.867 51.627 54.187-21.76 44.373-17.92 38.4 29.013c18.347 13.653 35.84 23.893 53.333 31.147l45.227 18.347 6.827 48.213 8.533 57.6h59.307l8.107-57.6 6.827-48.213 45.227-18.347c18.347-7.68 35.413-17.493 52.48-30.293l38.827-29.867 45.227 18.347 54.187 21.76 29.867-51.627-45.653-36.267-37.973-29.867 5.973-48.213zM512 618.667c-94.293 0-170.667-76.373-170.667-170.667s76.373-170.667 170.667-170.667 170.667 76.373 170.667 170.667-76.373 170.667-170.667 170.667zM512 362.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333z" />
<glyph unicode="&#xe907;" glyph-name="compass" d="M512 915.2c-256 0-467.2-204.8-467.2-467.2 0-256 204.8-467.2 467.2-467.2 256 0 460.8 204.8 460.8 467.2 6.4 262.4-204.8 467.2-460.8 467.2zM646.4 320l-441.6-172.8 179.2 435.2 435.2 179.2-172.8-441.6zM588.8 454.4c0-42.415-34.385-76.8-76.8-76.8s-76.8 34.385-76.8 76.8c0 42.415 34.385 76.8 76.8 76.8s76.8-34.385 76.8-76.8z" />
<glyph unicode="&#xe908;" glyph-name="connection" d="M339.2 761.6l-166.4-204.8h134.4v-441.6h64v441.6h128zM723.2 320v441.6h-64v-441.6h-134.4l166.4-204.8 160 204.8z" />
<glyph unicode="&#xe909;" glyph-name="consume" d="M324.451 320.966c-4.351-0.366-8.691-0.554-13.042-0.554-11.903 0-23.479 1.727-34.815 4.351l-262.305-262.314c-12.875-12.856-12.875-33.739 0-46.597l67.887-67.904c12.875-12.858 33.734-12.858 46.574 0l315.256 315.197-58.424 63.037-61.13-5.216zM1014.742 741.204c-12.31 12.304-32.233 12.304-44.542 0l-169.985-169.981c-16.084-16.068-42.137-16.068-58.222 0-16.013 16.055-16.013 42.087 0 58.138l169.145 169.109c12.779 12.791 12.779 33.527 0 46.348-12.839 12.775-33.567 12.775-46.346 0l-169.076-169.093c-16.084-16.084-42.108-16.084-58.192 0-16.051 16.049-16.051 42.1 0 58.136l169.95 169.965c12.344 12.323 12.344 32.283 0 44.623-12.31 12.325-32.269 12.325-44.613 0l-191.217-191.228c-45.974-46.003-60.496-110.576-45.612-169.333l128.185-128.193c58.753-14.83 123.357-0.301 169.279 45.664l191.244 191.217c12.346 12.323 12.346 32.304 0.002 44.627zM85.916 931.166c-6.552 6.555-15.413 10.149-24.512 10.149-1.936 0-3.883-0.165-5.783-0.483-11.071-1.873-20.569-8.98-25.449-19.095-56.012-115.772-32.603-254.302 58.32-345.229l162.664-162.643c16.049-16.068 37.749-24.962 60.254-24.962 2.406 0 4.819 0.1 7.226 0.299l94.442 8.060 411.82-444.264c6.394-6.906 15.35-10.916 24.786-11.102 0.194 0 0.397 0 0.602 0 9.224 0 18.056 3.644 24.61 10.151l70.53 70.544c6.517 6.502 10.159 15.327 10.159 24.525 0 9.195-3.642 18.027-10.132 24.529l-859.536 859.522z" />
<glyph unicode="&#xe90a;" glyph-name="filter" d="M893.056 823.104c-5.44 10.432-16.192 16.896-27.968 16.896h-706.368c-11.712 0-22.528-6.528-27.968-16.896s-4.736-22.976 1.92-32.64l306.368-445.12c0-83.2 0-256.832 0-276.48 65.344 16.256 80.512-74.56 145.792-27.456 0 27.264 0 216.576 0 303.872l306.24 445.248c6.72 9.6 7.488 22.144 1.984 32.576zM512 409.344l-169.536 246.4h339.008l-169.472-246.4z" />
<glyph unicode="&#xe909;" glyph-name="consume" d="M682.667 704v-341.333h128v-341.333h85.333v853.333c-117.76 0-213.333-95.573-213.333-170.667zM469.333 576h-85.333v298.667h-85.333v-298.667h-85.333v298.667h-85.333v-298.667c0-94.293 76.373-170.667 170.667-170.667v-384h85.333v384c94.293 0 170.667 76.373 170.667 170.667v298.667h-85.333v-298.667z" />
<glyph unicode="&#xe90a;" glyph-name="filter" d="M426.667 192h170.667v85.333h-170.667v-85.333zM128 704v-85.333h768v85.333h-768zM256 405.333h512v85.333h-512v-85.333z" />
<glyph unicode="&#xe90b;" glyph-name="folder" d="M857.6 691.2h-326.4v89.6c0 44.8-32 76.8-76.8 76.8h-249.6c-44.8 0-76.8-32-76.8-76.8v-102.4c-25.6-12.8-38.4-38.4-38.4-64v-492.8c0-44.8 32-76.8 76.8-76.8h691.2c44.8 0 76.8 32 76.8 76.8v492.8c0 44.8-32 76.8-76.8 76.8z" />
<glyph unicode="&#xe90c;" glyph-name="grid" d="M128 838.4h320v-320h-320v320zM582.4 384h320v-320h-320v320zM128 384h320v-320h-320v320zM582.4 838.4h320v-320h-320v320z" />
<glyph unicode="&#xe90d;" glyph-name="leaf" d="M96 697.6c0 0 275.2 249.6 537.6 89.6 262.4-153.6 345.6-358.4 230.4-505.6-134.4 204.8-204.8 307.2-480 390.4 0 0 435.2-275.2 512-595.2-12.8-70.4-76.8-19.2-76.8-19.2l-70.4 115.2c0 0-134.4-102.4-294.4 32-268.8 236.8-57.6 499.2-358.4 492.8z" />
<glyph unicode="&#xe90e;" glyph-name="list" d="M108.8 806.4h806.4v-121.6h-806.4v121.6zM108.8 512h806.4v-121.6h-806.4v121.6zM108.8 217.6h806.4v-121.6h-806.4v121.6z" />
<glyph unicode="&#xe90f;" glyph-name="local" d="M913.152 685.248h-295.552l-98.56 98.496h-295.424v-98.496h-98.496v-590.976h689.472v98.432h98.496v492.544h0.064zM863.936 241.984h-49.344v344.768h-295.552l-98.432 98.56h-147.712v49.216h225.856l98.496-98.496h266.688v-394.048z" />
<glyph unicode="&#xe910;" glyph-name="mic" d="M473.6 563.2c-12.8 12.8-38.4 12.8-51.2 0l-339.2-396.8c-6.4-6.4-12.8-12.8-12.8-25.6s6.4-19.2 12.8-25.6l96-96c6.4-6.4 12.8-12.8 25.6-12.8 6.4 0 19.2 6.4 25.6 6.4l396.8 339.2c6.4 12.8 12.8 19.2 12.8 32s-6.4 19.2-12.8 25.6l-153.6 153.6zM883.2 825.6c-44.8 44.8-102.4 70.4-166.4 70.4s-121.6-25.6-172.8-70.4c-51.2-51.2-70.4-140.8-70.4-147.2 0-12.8 0-32 19.2-44.8l198.4-198.4c6.4-6.4 25.6-19.2 44.8-19.2 0 0 0 0 0 0 6.4 0 102.4 19.2 140.8 70.4 96 89.6 96 243.2 6.4 339.2z" />
<glyph unicode="&#xe911;" glyph-name="music" d="M966.4 928c-12.8 6.4-25.6 12.8-38.4 6.4l-544-128c-19.2-6.4-32-25.6-32-44.8v-422.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v550.4l454.4 108.8v-364.8c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4 198.4 89.6 198.4 198.4v588.8c0 12.8-6.4 25.6-19.2 38.4z" />
<glyph unicode="&#xe912;" glyph-name="pause" d="M396.8 76.8c0-6.4-6.4-12.8-12.8-12.8h-153.6c-6.4 0-12.8 6.4-12.8 12.8v742.4c0 6.4 6.4 12.8 12.8 12.8h153.6c6.4 0 12.8-6.4 12.8-12.8v-742.4zM806.4 76.8c0-6.4-6.4-12.8-12.8-12.8h-153.6c-6.4 0-12.8 6.4-12.8 12.8v742.4c6.4 6.4 6.4 12.8 19.2 12.8h153.6c6.4 0 12.8-6.4 12.8-12.8v-742.4z" />
<glyph unicode="&#xe913;" glyph-name="play" d="M844.8 460.8l-614.4 403.2c-6.4 6.4-12.8 0-12.8-6.4v-806.4c0-6.4 6.4-12.8 12.8-6.4l614.4 403.2c6.4 0 6.4 6.4 0 12.8z" />
<glyph unicode="&#xe914;" glyph-name="play-alt" d="M367.928 187.803c3.555 0 7.168 0.222 10.747 0.665 47.168 5.889 82.615 48.877 79.137 95.89-0.003 0.081-0.007 0.158-0.010 0.238 0.084 0.483 0.131 0.98 0.131 1.487v255.812l184.632 34.369v-188.748c-9.877 2.424-20.369 3.012-30.777 1.706-47.285-5.845-82.813-48.967-79.201-96.115 3.277-43.468 38.61-76.246 82.192-76.246 3.582 0 7.225 0.228 10.824 0.678 47.211 5.885 82.736 49.004 79.19 96.098-0.007 0.081-0.013 0.161-0.020 0.242 0.067 0.416 0.097 0.843 0.097 1.279v382.986l0.077 0.967c0.252 3.038-1.219 5.946-3.757 7.641-1.917 1.283-4.277 1.682-6.493 1.199-0.040-0.007-0.081-0.017-0.121-0.024l-292.035-49.854c-4.032-0.688-6.98-4.183-6.98-8.273v-291.397c-9.904 2.448-20.393 3.048-30.767 1.749-47.305-5.835-82.81-48.961-79.147-96.125 3.327-43.458 38.697-76.229 82.279-76.226zM512-64c282.318 0 512 229.682 512 512s-229.682 512-512 512-512-229.682-512-512 229.682-512 512-512zM512 842.502c217.528 0 394.502-176.971 394.502-394.502s-176.974-394.505-394.502-394.505-394.502 176.974-394.502 394.505c0 217.528 176.974 394.502 394.502 394.502z" />
<glyph unicode="&#xe915;" glyph-name="playlist" d="M704 889.6c-12.8 12.8-32 19.2-51.2 12.8-12.8-12.8-25.6-25.6-25.6-44.8v-486.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v544l179.2-185.6 64 64-256 262.4zM102.4 883.2h390.4v-89.6h-390.4v89.6zM102.4 729.6h390.4v-89.6h-390.4v89.6zM102.4 576h390.4v-89.6h-390.4v89.6z" />
<glyph unicode="&#xe916;" glyph-name="repeat" d="M1020.978 365.571c-5.312 11.264-16.576 18.432-28.991 18.432h-95.998v255.994c0 70.59-57.407 127.997-127.997 127.997h-477.684l106.685-127.997h370.999v-255.994h-95.998c-12.416 0-23.679-7.168-28.991-18.432-5.248-11.264-3.584-24.511 4.416-34.047l159.996-191.995c6.080-7.36 15.104-11.52 24.575-11.52s18.496 4.16 24.575 11.52l159.996 191.995c8 9.536 9.664 22.783 4.416 34.047zM627.004 256.006h-370.999v255.994h95.998c12.416 0 23.679 7.168 28.991 18.432 5.248 11.264 3.584 24.511-4.416 34.047l-159.996 191.995c-6.080 7.36-15.040 11.52-24.575 11.52s-18.496-4.16-24.575-11.52l-159.996-191.995c-8-9.536-9.664-22.783-4.416-34.047 5.312-11.264 16.576-18.432 28.991-18.432h95.998v-255.994c0-70.59 57.407-127.997 127.997-127.997h477.684l-106.685 127.997z" />
<glyph unicode="&#xe917;" glyph-name="search" d="M979.2 102.4l-224 224c25.6 57.6 44.8 121.6 44.8 185.6 0 198.4-160 358.4-358.4 358.4s-358.4-160-358.4-358.4c0-198.4 160-358.4 358.4-358.4 76.8 0 153.6 25.6 211.2 70.4l224-224c12.8-12.8 32-19.2 51.2-19.2s38.4 6.4 51.2 19.2c25.6 25.6 25.6 76.8 0 102.4zM224 512c0 121.6 96 217.6 217.6 217.6s217.6-96 217.6-217.6c0-44.8-12.8-89.6-38.4-121.6-6.4-6.4-12.8-6.4-19.2-12.8s-12.8-12.8-19.2-25.6c-38.4-32-89.6-57.6-140.8-57.6-121.6 0-217.6 96-217.6 217.6z" />
<glyph unicode="&#xe918;" glyph-name="sections" d="M129.152 823.808h274.496v-274.496h-274.496v274.496zM467.52 823.808h427.392v-54.464h-427.392v54.464zM467.52 695.808h427.392v-54.464h-427.392v54.464zM467.52 567.808h427.392v-54.464h-427.392v54.464zM129.152 370.496h274.496v-274.496h-274.496v274.496zM467.52 370.496h427.392v-54.464h-427.392v54.464zM467.52 242.496h427.392v-54.464h-427.392v54.464zM467.52 114.496h427.392v-54.464h-427.392v54.464z" />
<glyph unicode="&#xe919;" glyph-name="server" d="M825.6 684.8c0 89.6-198.4 115.2-313.6 115.2s-313.6-25.6-313.6-115.2c0 0 0 0 0 0v-332.8c0 0 0 0 0 0v-166.4c0-89.6 198.4-115.2 313.6-115.2s313.6 25.6 313.6 115.2v499.2zM761.6 352c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6zM512 736c160 0 243.2-38.4 249.6-51.2-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 44.8v0c6.4 19.2 89.6 57.6 249.6 57.6zM262.4 608c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6zM512 134.4c-160 0-243.2 38.4-249.6 51.2v96c70.4-32 179.2-38.4 249.6-38.4 76.8 0 185.6 12.8 249.6 38.4v-89.6c-6.4-19.2-89.6-57.6-249.6-57.6z" />
<glyph unicode="&#xe91a;" glyph-name="shuffle" d="M1012.48 216.6l-192 160c-9.536 8-22.848 9.6-34.048 4.416-11.264-5.312-18.432-16.576-18.432-28.992v-96h-53.568c-44.416 0-84.992 22.528-108.544 60.16l-207.232 331.52c-47.040 75.328-128.192 120.32-217.088 120.32h-181.568v-128h181.568c44.416 0 84.992-22.528 108.544-60.16l207.232-331.52c47.104-75.328 128.256-120.32 217.088-120.32h53.568v-96c0-12.416 7.168-23.68 18.432-28.992 4.288-1.984 8.96-3.008 13.568-3.008 7.36 0 14.656 2.496 20.48 7.424l192 160c7.36 6.080 11.52 15.104 11.52 24.576s-4.16 18.496-11.52 24.576zM1012.48 728.6l-192 160c-9.536 7.936-22.848 9.6-34.048 4.352-11.264-5.184-18.432-16.512-18.432-28.928v-96h-53.568c-88.896 0-170.048-44.992-217.088-120.32l-11.584-18.56 75.456-120.768 44.672 71.488c23.552 37.632 64.128 60.16 108.544 60.16h53.568v-96c0-12.416 7.168-23.744 18.432-28.992 4.288-1.984 8.96-3.008 13.568-3.008 7.36 0 14.656 2.56 20.48 7.424l192 160c7.36 6.080 11.52 15.104 11.52 24.576s-4.16 18.496-11.52 24.576zM334.784 387.672l-44.608-71.488c-23.552-37.632-64.192-60.16-108.608-60.16h-181.568v-128h181.568c88.832 0 169.984 44.992 217.088 120.32l11.584 18.56-75.456 120.768z" />
<glyph unicode="&#xe91b;" glyph-name="skip" d="M729.6 64c0-6.4-6.4-12.8-12.8-12.8h-64c-6.4 0-12.8 6.4-12.8 12.8v768c0 6.4 6.4 12.8 12.8 12.8h64c6.4 0 12.8-6.4 12.8-12.8v-768zM243.2 812.8c0 6.4 6.4 6.4 12.8 6.4l422.4-364.8c6.4-6.4 6.4-12.8 0-19.2l-422.4-358.4c-6.4-6.4-12.8 0-12.8 6.4v729.6z" />
<glyph unicode="&#xe91c;" glyph-name="soundcloud" d="M1.728 259.52c0-12.608 4.608-22.208 13.76-28.608 9.28-6.656 19.072-8.896 29.568-6.912 9.792 1.792 16.704 5.376 20.672 10.496 4.032 5.056 5.952 13.504 5.952 25.216v137.792c0 9.856-3.392 18.112-10.176 25.024-6.848 6.848-15.168 10.24-25.024 10.24-9.408 0-17.6-3.392-24.448-10.24-6.848-6.912-10.304-15.168-10.304-25.024v-137.984zM111.104 200.64c0-9.28 3.392-16.128 9.856-20.608 6.464-4.544 14.72-6.912 24.896-6.912 10.56 0 19.008 2.368 25.408 6.912 6.592 4.48 9.792 11.456 9.792 20.608v321.472c0 9.472-3.52 17.664-10.176 24.512-6.848 6.848-15.104 10.304-25.024 10.304-9.472 0-17.6-3.456-24.512-10.304-6.72-6.784-10.24-14.976-10.24-24.512v-321.472zM220.032 185.344c0-9.28 3.456-16.128 9.984-20.736 6.72-4.544 15.232-6.848 25.728-6.848 10.048 0 18.432 2.304 25.024 6.848 6.464 4.608 9.664 11.584 9.664 20.736v293.504c0 9.792-3.456 18.24-10.24 25.216-6.848 6.912-14.912 10.496-24.384 10.496-9.856 0-18.24-3.584-25.28-10.496-6.912-6.912-10.496-15.36-10.496-25.216v-293.504zM329.472 184c0-17.472 11.84-26.24 35.264-26.24 23.488 0 35.2 8.768 35.2 26.24v475.584c0 26.752-8.192 41.792-24.32 45.248-10.368 2.496-20.736-0.448-30.848-9.088-10.176-8.512-15.296-20.544-15.296-36.16v-475.584zM440.832 170.112v517.504c0 16.576 4.928 26.368 14.72 29.504 21.312 5.12 42.432 7.68 63.296 7.68 48.512 0 93.632-11.456 135.552-34.24 41.856-22.848 75.84-54.080 101.632-93.568 25.664-39.36 40.832-82.88 44.864-130.496 19.392 8.256 40 12.352 62.016 12.352 44.16 0 82.24-15.744 113.728-47.040 31.616-31.424 47.36-69.184 47.36-113.152 0-44.352-15.744-82.368-47.296-113.664-31.552-31.36-69.44-47.104-113.344-47.104l-413.952 0.576c-2.752 1.024-4.928 2.624-6.528 5.248-1.408 2.304-2.048 4.544-2.048 6.4v0z" />
<glyph unicode="&#xe91d;" glyph-name="spotify" d="M508.16 839.232c-216.896 0-394.24-177.408-394.24-394.368 0-217.024 177.344-394.304 394.24-394.304 216.832 0 394.24 177.344 394.24 394.304s-175.552 394.368-394.24 394.368zM689.472 269.504c-7.872-11.904-21.76-15.744-33.408-7.872-92.736 57.152-209.088 68.992-347.008 37.376-13.76-3.904-25.536 6.016-29.504 17.856-3.968 13.76 5.76 25.536 17.728 29.504 149.76 33.472 280 19.776 382.4-43.392 13.824-5.952 15.744-21.696 9.792-33.472zM736.896 377.984c-9.856-14.016-27.712-19.776-41.344-9.984-106.496 65.152-268.16 84.928-392.32 45.376-15.872-4.032-33.6 3.904-37.568 19.776-3.968 15.744 3.968 33.536 19.648 37.376 144 43.392 321.344 21.76 443.712-53.248 11.712-5.888 17.664-25.472 7.872-39.296zM740.736 488.256c-126.080 75.072-337.024 82.944-457.216 45.44-19.776-5.952-39.552 5.888-45.44 23.616-5.888 19.776 5.888 39.424 23.616 45.376 139.968 41.344 370.624 33.472 516.544-53.248 17.728-9.856 23.616-33.472 13.76-51.264-9.728-13.76-33.472-19.648-51.264-9.92z" />
<glyph unicode="&#xe91e;" glyph-name="star" d="M512 908.8c-12.8 0-19.2-6.4-25.6-25.6l-128-256-281.6-38.4c-25.6-6.4-32-12.8-32-25.6 0-6.4 6.4-19.2 12.8-25.6l204.8-198.4-51.2-281.6c0-6.4 0-6.4 0-12.8s0-12.8 6.4-19.2 12.8-6.4 19.2-6.4 12.8 0 25.6 6.4l256 134.4 256-134.4c6.4-6.4 12.8-6.4 25.6-6.4 6.4 0 12.8 0 19.2 6.4s6.4 12.8 6.4 19.2 0 6.4 0 12.8l-51.2 281.6 204.8 198.4c12.8 12.8 12.8 19.2 12.8 25.6 0 12.8-12.8 25.6-32 25.6l-281.6 38.4-128 256c-19.2 19.2-25.6 25.6-38.4 25.6v0z" />
<glyph unicode="&#xe91f;" glyph-name="stop" d="M883.2 832h-742.4c-6.4 0-12.8-6.4-12.8-12.8v-742.4c0-6.4 6.4-12.8 12.8-12.8h742.4c6.4 0 12.8 6.4 12.8 12.8v742.4c0 6.4-6.4 12.8-12.8 12.8z" />
<glyph unicode="&#xe920;" glyph-name="websocket" d="M984.064 97.536c-36.48 36.544-73.152 73.088-109.696 109.888-3.52 3.52-7.296 4.032-11.84 3.968-29.888 0-59.712 0-89.664 0-100.992 0-201.984 0-303.040 0-4.352 0-8.384-0.32-12.032 3.456-29.824 30.144-59.84 60.032-89.856 89.856-3.264 3.264-3.008 4.992 0.064 7.936 10.752 10.496 21.504 20.864 31.744 31.744 4.736 5.248 7.232 4.032 11.52-0.384 22.656-23.040 45.824-45.888 68.48-68.992 4.096-3.968 8-5.888 13.888-5.888 49.536 0.32 99.136 0.192 148.672 0.256 2.816 0 5.632-1.088 8.448 1.472-2.24 2.432-4.48 4.928-6.976 7.36-49.536 49.536-99.008 99.328-148.928 148.672-5.184 5.248-5.056 8 0.192 12.8 9.856 9.088 19.456 18.56 28.352 28.544 5.312 5.76 8 5.632 13.568 0.064 49.28-49.856 99.008-99.392 148.672-148.928 2.176-2.24 3.904-5.568 8.512-6.208 0 3.072 0 5.824 0 8.576 0 49.216-0.128 98.432 0.128 147.712 0 6.144-1.92 10.368-6.336 14.592-22.4 22.080-44.288 44.672-67.008 66.56-5.696 5.568-6.848 8.896-0.192 14.848 11.008 10.048 20.992 21.248 31.424 31.872 4.48 2.304 5.952-1.92 8.192-4.096 28.416-28.288 56.768-56.896 85.312-85.056 4.608-4.608 6.592-9.024 6.592-15.552-0.256-71.296-0.128-142.656-0.384-214.016 0-6.976 1.28-9.728 9.216-9.536 33.28 0.512 66.624 0.448 99.968 0 7.488-0.128 9.216 2.176 9.216 9.344-0.192 88.192-0.128 176.384-0.128 264.512 0 5.44-1.408 9.28-5.312 13.12-40.512 40.256-80.832 80.512-120.96 121.088-4.8 4.864-7.232 5.312-12.288 0.064-23.36-24-47.232-47.68-71.168-71.424-2.24-2.112-3.712-6.4-8.192-4.032-0.576 0.768-1.024 1.6-1.664 2.24-64.832 64.768-129.728 129.472-194.432 194.368-3.84 3.776-7.808 4.288-12.608 4.288-129.664-0.064-259.392-0.064-389.056-0.128-2.816 0-6.144 1.344-9.088-1.536 2.176-2.368 4.224-4.736 6.464-6.848 34.368-34.432 68.864-68.736 103.040-103.296 4.608-4.608 9.088-6.4 15.488-6.272 74.816 0.128 149.568 0.064 224.448 0.064 4.736 0 8.832-0.256 12.608-4.16 25.152-25.536 50.432-50.88 76.032-76.032 4.544-4.352 3.264-6.464-0.448-10.112-38.208-38.080-76.352-76.16-114.368-114.432-4.032-4.096-6.144-4.16-10.176 0-24.96 25.344-50.112 50.496-75.392 75.392-3.712 3.584-4.992 7.232-4.928 12.288 0.192 17.152-0.128 34.304 0.192 51.456 0.128 6.144-1.536 7.872-7.744 7.808-33.984-0.256-67.968-0.384-101.952 0.064-7.488 0.064-8.448-2.624-8.448-9.152 0.256-32.768 0.256-65.472 0-98.24 0-6.080 1.728-10.368 6.080-14.656 63.424-63.104 126.528-126.656 190.016-189.568 6.144-6.016 5.248-8.768-0.32-14.272-23.424-22.784-46.208-46.272-69.632-69.12-4.992-4.864-5.056-7.296 0-12.224 40.32-39.872 80.448-80.128 120.384-120.384 4.288-4.288 8.576-5.952 14.656-5.952 185.152 0.064 370.496 0.064 555.648 0.128 3.008 0 6.080-1.088 9.344 1.152-0.96 1.088-1.472 2.112-2.304 2.944z" />
<glyph unicode="&#xe90c;" glyph-name="folder-open" d="M853.333 704h-341.333l-85.333 85.333h-256c-46.933 0-84.907-38.4-84.907-85.333l-0.427-512c0-46.933 38.4-85.333 85.333-85.333h682.667c46.933 0 85.333 38.4 85.333 85.333v426.667c0 46.933-38.4 85.333-85.333 85.333zM853.333 192h-682.667v426.667h682.667v-426.667z" />
<glyph unicode="&#xe90d;" glyph-name="grid" d="M128 838.4h320v-320h-320v320zM582.4 384h320v-320h-320v320zM128 384h320v-320h-320v320zM582.4 838.4h320v-320h-320v320z" />
<glyph unicode="&#xe90e;" glyph-name="leaf" d="M96 697.6c0 0 275.2 249.6 537.6 89.6 262.4-153.6 345.6-358.4 230.4-505.6-134.4 204.8-204.8 307.2-480 390.4 0 0 435.2-275.2 512-595.2-12.8-70.4-76.8-19.2-76.8-19.2l-70.4 115.2c0 0-134.4-102.4-294.4 32-268.8 236.8-57.6 499.2-358.4 492.8z" />
<glyph unicode="&#xe90f;" glyph-name="list" d="M108.8 806.4h806.4v-121.6h-806.4v121.6zM108.8 512h806.4v-121.6h-806.4v121.6zM108.8 217.6h806.4v-121.6h-806.4v121.6z" />
<glyph unicode="&#xe910;" glyph-name="local" d="M913.152 685.248h-295.552l-98.56 98.496h-295.424v-98.496h-98.496v-590.976h689.472v98.432h98.496v492.544h0.064zM863.936 241.984h-49.344v344.768h-295.552l-98.432 98.56h-147.712v49.216h225.856l98.496-98.496h266.688v-394.048z" />
<glyph unicode="&#xe911;" glyph-name="mic" d="M473.6 563.2c-12.8 12.8-38.4 12.8-51.2 0l-339.2-396.8c-6.4-6.4-12.8-12.8-12.8-25.6s6.4-19.2 12.8-25.6l96-96c6.4-6.4 12.8-12.8 25.6-12.8 6.4 0 19.2 6.4 25.6 6.4l396.8 339.2c6.4 12.8 12.8 19.2 12.8 32s-6.4 19.2-12.8 25.6l-153.6 153.6zM883.2 825.6c-44.8 44.8-102.4 70.4-166.4 70.4s-121.6-25.6-172.8-70.4c-51.2-51.2-70.4-140.8-70.4-147.2 0-12.8 0-32 19.2-44.8l198.4-198.4c6.4-6.4 25.6-19.2 44.8-19.2 0 0 0 0 0 0 6.4 0 102.4 19.2 140.8 70.4 96 89.6 96 243.2 6.4 339.2z" />
<glyph unicode="&#xe912;" glyph-name="music" d="M966.4 928c-12.8 6.4-25.6 12.8-38.4 6.4l-544-128c-19.2-6.4-32-25.6-32-44.8v-422.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v550.4l454.4 108.8v-364.8c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4 198.4 89.6 198.4 198.4v588.8c0 12.8-6.4 25.6-19.2 38.4z" />
<glyph unicode="&#xe913;" glyph-name="pause" d="M256 149.333h170.667v597.333h-170.667v-597.333zM597.333 746.667v-597.333h170.667v597.333h-170.667z" />
<glyph unicode="&#xe914;" glyph-name="play" d="M426.667 591.36l224.853-143.36-224.853-143.36v286.72zM341.333 746.667v-597.333l469.333 298.667-469.333 298.667z" />
<glyph unicode="&#xe915;" glyph-name="play-alt" d="M367.928 187.803c3.555 0 7.168 0.222 10.747 0.665 47.168 5.889 82.615 48.877 79.137 95.89-0.003 0.081-0.007 0.158-0.010 0.238 0.084 0.483 0.131 0.98 0.131 1.487v255.812l184.632 34.369v-188.748c-9.877 2.424-20.369 3.012-30.777 1.706-47.285-5.845-82.813-48.967-79.201-96.115 3.277-43.468 38.61-76.246 82.192-76.246 3.582 0 7.225 0.228 10.824 0.678 47.211 5.885 82.736 49.004 79.19 96.098-0.007 0.081-0.013 0.161-0.020 0.242 0.067 0.416 0.097 0.843 0.097 1.279v382.986l0.077 0.967c0.252 3.038-1.219 5.946-3.757 7.641-1.917 1.283-4.277 1.682-6.493 1.199-0.040-0.007-0.081-0.017-0.121-0.024l-292.035-49.854c-4.032-0.688-6.98-4.183-6.98-8.273v-291.397c-9.904 2.448-20.393 3.048-30.767 1.749-47.305-5.835-82.81-48.961-79.147-96.125 3.327-43.458 38.697-76.229 82.279-76.226zM512-64c282.318 0 512 229.682 512 512s-229.682 512-512 512-512-229.682-512-512 229.682-512 512-512zM512 842.502c217.528 0 394.502-176.971 394.502-394.502s-176.974-394.505-394.502-394.505-394.502 176.974-394.502 394.505c0 217.528 176.974 394.502 394.502 394.502z" />
<glyph unicode="&#xe916;" glyph-name="playlist" d="M704 889.6c-12.8 12.8-32 19.2-51.2 12.8-12.8-12.8-25.6-25.6-25.6-44.8v-486.4c-32 19.2-70.4 32-108.8 32-108.8 0-198.4-89.6-198.4-198.4s89.6-198.4 198.4-198.4c108.8 0 198.4 89.6 198.4 198.4v544l179.2-185.6 64 64-256 262.4zM102.4 883.2h390.4v-89.6h-390.4v89.6zM102.4 729.6h390.4v-89.6h-390.4v89.6zM102.4 576h390.4v-89.6h-390.4v89.6z" />
<glyph unicode="&#xe917;" glyph-name="repeat" d="M298.667 661.333h426.667v-128l170.667 170.667-170.667 170.667v-128h-512v-256h85.333v170.667zM725.333 234.667h-426.667v128l-170.667-170.667 170.667-170.667v128h512v256h-85.333v-170.667z" />
<glyph unicode="&#xe918;" glyph-name="search" d="M661.333 362.667h-33.707l-11.947 11.52c41.813 48.64 66.987 111.787 66.987 180.48 0 153.173-124.16 277.333-277.333 277.333s-277.333-124.16-277.333-277.333 124.16-277.333 277.333-277.333c68.693 0 131.84 25.173 180.48 66.987l11.52-11.947v-33.707l213.333-212.907 63.573 63.573-212.907 213.333zM405.333 362.667c-106.24 0-192 85.76-192 192s85.76 192 192 192 192-85.76 192-192-85.76-192-192-192z" />
<glyph unicode="&#xe919;" glyph-name="sections" d="M129.152 823.808h274.496v-274.496h-274.496v274.496zM467.52 823.808h427.392v-54.464h-427.392v54.464zM467.52 695.808h427.392v-54.464h-427.392v54.464zM467.52 567.808h427.392v-54.464h-427.392v54.464zM129.152 370.496h274.496v-274.496h-274.496v274.496zM467.52 370.496h427.392v-54.464h-427.392v54.464zM467.52 242.496h427.392v-54.464h-427.392v54.464zM467.52 114.496h427.392v-54.464h-427.392v54.464z" />
<glyph unicode="&#xe91a;" glyph-name="server" d="M825.6 684.8c0 89.6-198.4 115.2-313.6 115.2s-313.6-25.6-313.6-115.2c0 0 0 0 0 0v-332.8c0 0 0 0 0 0v-166.4c0-89.6 198.4-115.2 313.6-115.2s313.6 25.6 313.6 115.2v499.2zM761.6 352c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6zM512 736c160 0 243.2-38.4 249.6-51.2-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 44.8v0c6.4 19.2 89.6 57.6 249.6 57.6zM262.4 608c64-25.6 172.8-38.4 249.6-38.4s185.6 12.8 249.6 38.4v-89.6c-6.4-12.8-89.6-51.2-249.6-51.2s-243.2 38.4-249.6 51.2v89.6zM512 134.4c-160 0-243.2 38.4-249.6 51.2v96c70.4-32 179.2-38.4 249.6-38.4 76.8 0 185.6 12.8 249.6 38.4v-89.6c-6.4-19.2-89.6-57.6-249.6-57.6z" />
<glyph unicode="&#xe91b;" glyph-name="shuffle" d="M451.84 568.747l-221.013 220.587-60.16-60.16 220.587-220.587 60.587 60.16zM618.667 789.333l87.040-87.040-535.040-535.467 60.16-60.16 535.467 535.040 87.040-87.040v234.667h-234.667zM632.747 387.84l-60.16-60.16 133.547-133.547-87.467-87.467h234.667v234.667l-87.040-87.040-133.547 133.547z" />
<glyph unicode="&#xe91c;" glyph-name="skip" d="M256 192l362.667 256-362.667 256v-512zM341.333 539.307l129.28-91.307-129.28-91.307v182.613zM682.667 704h85.333v-512h-85.333v512z" />
<glyph unicode="&#xe91d;" glyph-name="soundcloud" d="M1.728 259.52c0-12.608 4.608-22.208 13.76-28.608 9.28-6.656 19.072-8.896 29.568-6.912 9.792 1.792 16.704 5.376 20.672 10.496 4.032 5.056 5.952 13.504 5.952 25.216v137.792c0 9.856-3.392 18.112-10.176 25.024-6.848 6.848-15.168 10.24-25.024 10.24-9.408 0-17.6-3.392-24.448-10.24-6.848-6.912-10.304-15.168-10.304-25.024v-137.984zM111.104 200.64c0-9.28 3.392-16.128 9.856-20.608 6.464-4.544 14.72-6.912 24.896-6.912 10.56 0 19.008 2.368 25.408 6.912 6.592 4.48 9.792 11.456 9.792 20.608v321.472c0 9.472-3.52 17.664-10.176 24.512-6.848 6.848-15.104 10.304-25.024 10.304-9.472 0-17.6-3.456-24.512-10.304-6.72-6.784-10.24-14.976-10.24-24.512v-321.472zM220.032 185.344c0-9.28 3.456-16.128 9.984-20.736 6.72-4.544 15.232-6.848 25.728-6.848 10.048 0 18.432 2.304 25.024 6.848 6.464 4.608 9.664 11.584 9.664 20.736v293.504c0 9.792-3.456 18.24-10.24 25.216-6.848 6.912-14.912 10.496-24.384 10.496-9.856 0-18.24-3.584-25.28-10.496-6.912-6.912-10.496-15.36-10.496-25.216v-293.504zM329.472 184c0-17.472 11.84-26.24 35.264-26.24 23.488 0 35.2 8.768 35.2 26.24v475.584c0 26.752-8.192 41.792-24.32 45.248-10.368 2.496-20.736-0.448-30.848-9.088-10.176-8.512-15.296-20.544-15.296-36.16v-475.584zM440.832 170.112v517.504c0 16.576 4.928 26.368 14.72 29.504 21.312 5.12 42.432 7.68 63.296 7.68 48.512 0 93.632-11.456 135.552-34.24 41.856-22.848 75.84-54.080 101.632-93.568 25.664-39.36 40.832-82.88 44.864-130.496 19.392 8.256 40 12.352 62.016 12.352 44.16 0 82.24-15.744 113.728-47.040 31.616-31.424 47.36-69.184 47.36-113.152 0-44.352-15.744-82.368-47.296-113.664-31.552-31.36-69.44-47.104-113.344-47.104l-413.952 0.576c-2.752 1.024-4.928 2.624-6.528 5.248-1.408 2.304-2.048 4.544-2.048 6.4v0z" />
<glyph unicode="&#xe91e;" glyph-name="speaker" d="M725.333 874.667h-426.667c-46.933 0-85.333-38.4-85.333-85.333v-682.667c0-46.933 38.4-84.907 85.333-84.907l426.667-0.427c46.933 0 85.333 38.4 85.333 85.333v682.667c0 46.933-38.4 85.333-85.333 85.333zM298.667 106.667v682.667h426.667v-682.667h-426.667zM512 576c46.933 0 85.333 38.4 85.333 85.333s-38.4 85.333-85.333 85.333c-47.36 0-85.333-38.4-85.333-85.333s37.973-85.333 85.333-85.333zM512 490.667c-94.293 0-170.667-76.373-170.667-170.667s76.373-170.667 170.667-170.667 170.667 76.373 170.667 170.667-76.373 170.667-170.667 170.667zM512 234.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333z" />
<glyph unicode="&#xe91f;" glyph-name="speaker-group" d="M776.533 917.333h-358.4c-42.24 0-76.8-34.56-76.8-76.8v-614.4c0-42.24 34.56-76.373 76.8-76.373l358.4-0.427c42.24 0 76.8 34.56 76.8 76.8v614.4c0 42.24-34.56 76.8-76.8 76.8zM768 234.667l-341.333 0.427v596.907h341.333v-597.333zM597.333 618.667c46.933 0 85.333 37.973 85.333 85.333s-38.4 85.333-85.333 85.333-85.333-37.973-85.333-85.333 38.4-85.333 85.333-85.333zM597.333 277.333c82.347 0 149.333 66.987 149.333 149.333s-66.987 149.333-149.333 149.333c-82.347 0-149.333-66.987-149.333-149.333s66.987-149.333 149.333-149.333zM597.333 490.667c35.413 0 64-28.587 64-64s-28.587-64-64-64-64 28.587-64 64 28.587 64 64 64zM256 746.667h-85.333v-682.667c0-46.933 37.973-85.333 85.333-85.333h426.667v85.333h-426.667v682.667z" />
<glyph unicode="&#xe920;" glyph-name="spotify" d="M508.16 839.232c-216.896 0-394.24-177.408-394.24-394.368 0-217.024 177.344-394.304 394.24-394.304 216.832 0 394.24 177.344 394.24 394.304s-175.552 394.368-394.24 394.368zM689.472 269.504c-7.872-11.904-21.76-15.744-33.408-7.872-92.736 57.152-209.088 68.992-347.008 37.376-13.76-3.904-25.536 6.016-29.504 17.856-3.968 13.76 5.76 25.536 17.728 29.504 149.76 33.472 280 19.776 382.4-43.392 13.824-5.952 15.744-21.696 9.792-33.472zM736.896 377.984c-9.856-14.016-27.712-19.776-41.344-9.984-106.496 65.152-268.16 84.928-392.32 45.376-15.872-4.032-33.6 3.904-37.568 19.776-3.968 15.744 3.968 33.536 19.648 37.376 144 43.392 321.344 21.76 443.712-53.248 11.712-5.888 17.664-25.472 7.872-39.296zM740.736 488.256c-126.080 75.072-337.024 82.944-457.216 45.44-19.776-5.952-39.552 5.888-45.44 23.616-5.888 19.776 5.888 39.424 23.616 45.376 139.968 41.344 370.624 33.472 516.544-53.248 17.728-9.856 23.616-33.472 13.76-51.264-9.728-13.76-33.472-19.648-51.264-9.92z" />
<glyph unicode="&#xe921;" glyph-name="star" d="M512 908.8c-12.8 0-19.2-6.4-25.6-25.6l-128-256-281.6-38.4c-25.6-6.4-32-12.8-32-25.6 0-6.4 6.4-19.2 12.8-25.6l204.8-198.4-51.2-281.6c0-6.4 0-6.4 0-12.8s0-12.8 6.4-19.2 12.8-6.4 19.2-6.4 12.8 0 25.6 6.4l256 134.4 256-134.4c6.4-6.4 12.8-6.4 25.6-6.4 6.4 0 12.8 0 19.2 6.4s6.4 12.8 6.4 19.2 0 6.4 0 12.8l-51.2 281.6 204.8 198.4c12.8 12.8 12.8 19.2 12.8 25.6 0 12.8-12.8 25.6-32 25.6l-281.6 38.4-128 256c-19.2 19.2-25.6 25.6-38.4 25.6v0z" />
<glyph unicode="&#xe922;" glyph-name="stop" d="M682.667 618.667v-341.333h-341.333v341.333h341.333zM768 704h-512v-512h512v512z" />
</font></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/assets/fonts/iris.ttf
View File

Binary file not shown.

BIN
src/assets/fonts/iris.woff
View File

Binary file not shown.

16
src/assets/icons/back.svg Executable file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<rect x="6" y="6" width="2" height="12"/>
<path d="M9.5,12l8.5,6V6L9.5,12z M16,14.14L12.97,12L16,9.86V14.14z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 617 B

0
src/assets/broadcast.svg → src/assets/icons/broadcast.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

0
src/assets/cd.svg → src/assets/icons/cd.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 684 B

After

Width:  |  Height:  |  Size: 684 B

0
src/assets/chevron-left.svg → src/assets/icons/chevron-left.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 564 B

After

Width:  |  Height:  |  Size: 564 B

0
src/assets/chevron-right.svg → src/assets/icons/chevron-right.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 566 B

After

Width:  |  Height:  |  Size: 566 B

0
src/assets/close.svg → src/assets/icons/close.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 443 B

After

Width:  |  Height:  |  Size: 443 B

95
src/assets/icons/cog.svg Executable file
View File

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Rounded" display="none">
<g id="ui_x5F_spec_x5F_header_copy_5">
</g>
<path display="inline" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65
c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98
l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
<g id="Sharp" display="none">
<g id="ui_x5F_spec_x5F_header_copy_4">
</g>
<path display="inline" d="M19.44,12.99l-0.01,0.02c0.04-0.33,0.08-0.67,0.08-1.01c0-0.34-0.03-0.66-0.07-0.99l0.01,0.02l2.44-1.92
l-2.43-4.22l-2.87,1.16l0.01,0.01c-0.52-0.4-1.09-0.74-1.71-1h0.01L14.44,2H9.57L9.13,5.07h0.01c-0.62,0.26-1.19,0.6-1.71,1
l0.01-0.01L4.56,4.89L2.12,9.11l2.44,1.92l0.01-0.02C4.53,11.34,4.5,11.66,4.5,12c0,0.34,0.03,0.68,0.08,1.01l-0.01-0.02l-2.1,1.65
c-0.19,0.15-0.33,0.26-0.33,0.26l2.43,4.2l2.88-1.15l-0.02-0.04c0.53,0.41,1.1,0.75,1.73,1.01H9.13L9.58,22h4.85
c0,0,0.03-0.18,0.06-0.42l0.38-2.65h-0.01c0.62-0.26,1.2-0.6,1.73-1.01l-0.02,0.04l2.88,1.15l2.43-4.2c0,0-0.14-0.12-0.33-0.26
L19.44,12.99z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<g>
<path d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98c0-0.34-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
c-0.09-0.16-0.26-0.25-0.44-0.25c-0.06,0-0.12,0.01-0.17,0.03l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
C4.89,5.03,4.83,5.02,4.77,5.02c-0.17,0-0.34,0.09-0.43,0.25l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65
C4.53,11.34,4.5,11.67,4.5,12c0,0.33,0.03,0.66,0.07,0.98l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46
c0.09,0.16,0.26,0.25,0.44,0.25c0.06,0,0.12-0.01,0.17-0.03l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.06,0.02,0.12,0.03,0.18,0.03c0.17,0,0.34-0.09,0.43-0.25l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M17.45,11.27
c0.04,0.31,0.05,0.52,0.05,0.73c0,0.21-0.02,0.43-0.05,0.73l-0.14,1.13l0.89,0.7l1.08,0.84l-0.7,1.21l-1.27-0.51l-1.04-0.42
l-0.9,0.68c-0.43,0.32-0.84,0.56-1.25,0.73l-1.06,0.43l-0.16,1.13L12.7,20H11.3l-0.19-1.35l-0.16-1.13l-1.06-0.43
c-0.43-0.18-0.83-0.41-1.23-0.71l-0.91-0.7l-1.06,0.43l-1.27,0.51l-0.7-1.21l1.08-0.84l0.89-0.7l-0.14-1.13
C6.52,12.43,6.5,12.2,6.5,12s0.02-0.43,0.05-0.73l0.14-1.13L5.8,9.44L4.72,8.6l0.7-1.21l1.27,0.51l1.04,0.42l0.9-0.68
c0.43-0.32,0.84-0.56,1.25-0.73l1.06-0.43l0.16-1.13L11.3,4h1.39l0.19,1.35l0.16,1.13l1.06,0.43c0.43,0.18,0.83,0.41,1.23,0.71
l0.91,0.7l1.06-0.43l1.27-0.51l0.7,1.21L18.2,9.44l-0.89,0.7L17.45,11.27z"/>
<path d="M12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,8,12,8z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,14,12,14z"/>
</g>
</g>
<g id="Duotone" display="none">
<g id="ui_x5F_spec_x5F_header_copy_2">
</g>
<g display="inline">
<path opacity="0.3" d="M19.28,8.6l-0.7-1.21l-1.27,0.51l-1.06,0.43l-0.91-0.7c-0.39-0.3-0.8-0.54-1.23-0.71l-1.06-0.43l-0.16-1.13
L12.7,4H11.3l-0.19,1.35l-0.16,1.13L9.89,6.92C9.48,7.09,9.07,7.33,8.64,7.65l-0.9,0.68L6.69,7.91L5.42,7.39L4.72,8.6L5.8,9.44
l0.89,0.7l-0.14,1.13C6.52,11.57,6.5,11.8,6.5,12s0.02,0.43,0.05,0.73l0.14,1.13l-0.89,0.7L4.72,15.4l0.7,1.21l1.27-0.51
l1.06-0.43l0.91,0.7c0.39,0.3,0.8,0.54,1.23,0.71l1.06,0.43l0.16,1.13L11.3,20h1.39l0.19-1.35l0.16-1.13l1.06-0.43
c0.41-0.17,0.82-0.41,1.25-0.73l0.9-0.68l1.04,0.42l1.27,0.51l0.7-1.21l-1.08-0.84l-0.89-0.7l0.14-1.13
c0.04-0.31,0.05-0.52,0.05-0.73c0-0.21-0.02-0.43-0.05-0.73l-0.14-1.13l0.89-0.7L19.28,8.6z M12,16c-2.21,0-4-1.79-4-4s1.79-4,4-4
s4,1.79,4,4S14.21,16,12,16z"/>
<path d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98c0-0.34-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
c-0.09-0.16-0.26-0.25-0.44-0.25c-0.06,0-0.12,0.01-0.17,0.03l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
C4.89,5.03,4.83,5.02,4.77,5.02c-0.17,0-0.34,0.09-0.43,0.25l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65
C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46
c0.09,0.16,0.26,0.25,0.44,0.25c0.06,0,0.12-0.01,0.17-0.03l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.06,0.02,0.12,0.03,0.18,0.03c0.17,0,0.34-0.09,0.43-0.25l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M17.45,11.27
c0.04,0.31,0.05,0.52,0.05,0.73c0,0.21-0.02,0.43-0.05,0.73l-0.14,1.13l0.89,0.7l1.08,0.84l-0.7,1.21l-1.27-0.51l-1.04-0.42
l-0.9,0.68c-0.43,0.32-0.84,0.56-1.25,0.73l-1.06,0.43l-0.16,1.13L12.7,20H11.3l-0.19-1.35l-0.16-1.13l-1.06-0.43
c-0.43-0.18-0.83-0.41-1.23-0.71l-0.91-0.7l-1.06,0.43l-1.27,0.51l-0.7-1.21l1.08-0.84l0.89-0.7l-0.14-1.13
C6.52,12.43,6.5,12.2,6.5,12s0.02-0.43,0.05-0.73l0.14-1.13L5.8,9.44L4.72,8.6l0.7-1.21l1.27,0.51l1.04,0.42l0.9-0.68
c0.43-0.32,0.84-0.56,1.25-0.73l1.06-0.43l0.16-1.13L11.3,4h1.39l0.19,1.35l0.16,1.13l1.06,0.43c0.43,0.18,0.83,0.41,1.23,0.71
l0.91,0.7l1.06-0.43l1.27-0.51l0.7,1.21L18.2,9.44l-0.89,0.7L17.45,11.27z"/>
<path d="M12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,8,12,8z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,14,12,14z"/>
</g>
</g>
<g id="Material" display="none">
<g id="ui_x5F_spec_x5F_header_copy">
</g>
<path display="inline" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65
c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98
l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

0
src/assets/compass.svg → src/assets/icons/compass.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 553 B

After

Width:  |  Height:  |  Size: 553 B

0
src/assets/connection.svg → src/assets/icons/connection.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 533 B

After

Width:  |  Height:  |  Size: 533 B

16
src/assets/icons/consume.svg Executable file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M16,6v8h3v8h2V2C18.24,2,16,4.24,16,6z"/>
<path d="M11,9H9V2H7v7H5V2H3v7c0,2.21,1.79,4,4,4v9h2v-9c2.21,0,4-1.79,4-4V2h-2V9z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 640 B

15
src/assets/icons/filter.svg Executable file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<path d="M10,18h4v-2h-4V18z M3,6v2h18V6H3z M6,13h12v-2H6V13z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 631 B

14
src/assets/icons/folder-open.svg Executable file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M20,18H4V8h16V18z"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 624 B

0
src/assets/folder.svg → src/assets/icons/folder.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 440 B

After

Width:  |  Height:  |  Size: 440 B

0
src/assets/grid.svg → src/assets/icons/grid.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 439 B

0
src/assets/leaf.svg → src/assets/icons/leaf.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 395 B

After

Width:  |  Height:  |  Size: 395 B

0
src/assets/list.svg → src/assets/icons/list.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 409 B

After

Width:  |  Height:  |  Size: 409 B

0
src/assets/local.svg → src/assets/icons/local.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 439 B

0
src/assets/mic.svg → src/assets/icons/mic.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 642 B

After

Width:  |  Height:  |  Size: 642 B

0
src/assets/music.svg → src/assets/icons/music.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 503 B

After

Width:  |  Height:  |  Size: 503 B

13
src/assets/icons/pause.svg Executable file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M6,19h4V5H6V19z M14,5v14h4V5H14z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 536 B

0
src/assets/play-alt.svg → src/assets/icons/play-alt.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

13
src/assets/icons/play.svg Executable file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M10,8.64L15.27,12L10,15.36V8.64 M8,5v14l11-7L8,5L8,5z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 557 B

0
src/assets/playlist.svg → src/assets/icons/playlist.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 554 B

After

Width:  |  Height:  |  Size: 554 B

13
src/assets/icons/repeat.svg Executable file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M7,7h10v3l4-4l-4-4v3H5v6h2V7z M17,17H7v-3l-4,4l4,4v-3h12v-6h-2V17z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 570 B

48
src/assets/icons/search.svg Executable file
View File

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Rounded" display="none">
<g id="ui_x5F_spec_x5F_header_copy_5">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34
c-4.23-0.52-7.79,3.04-7.27,7.27c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25
c0.41,0.41,1.08,0.41,1.49,0l0,0c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
<g id="Sharp" display="none">
<g id="ui_x5F_spec_x5F_header_copy_4">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5
S5.91,16,9.5,16c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5
S14,7.01,14,9.5S11.99,14,9.5,14z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<path d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5S5.91,16,9.5,16
c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
<g id="Duotone" display="none">
<g id="ui_x5F_spec_x5F_header_copy_2">
</g>
<g display="inline">
<path d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16
c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
</g>
<g id="Material" display="none">
<g id="ui_x5F_spec_x5F_header_copy">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5
S5.91,16,9.5,16c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5
S14,7.01,14,9.5S11.99,14,9.5,14z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

0
src/assets/sections.svg → src/assets/icons/sections.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 939 B

After

Width:  |  Height:  |  Size: 939 B

0
src/assets/server.svg → src/assets/icons/server.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 965 B

After

Width:  |  Height:  |  Size: 965 B

14
src/assets/icons/shuffle.svg Executable file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M10.59,9.17L5.41,4L4,5.41l5.17,5.17L10.59,9.17z M14.5,4l2.04,2.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4H14.5z
M14.83,13.41l-1.41,1.41l3.13,3.13L14.5,20H20v-5.5l-2.04,2.04L14.83,13.41z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 688 B

16
src/assets/icons/skip.svg Executable file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M6,18l8.5-6L6,6V18z M8,9.86L11.03,12L8,14.14V9.86z"/>
<rect x="16" y="6" width="2" height="12"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 611 B

0
src/assets/soundcloud.svg → src/assets/icons/soundcloud.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

22
src/assets/icons/speaker-group.svg Executable file
View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M18.2,1H9.8C8.81,1,8,1.81,8,2.8v14.4c0,0.99,0.81,1.79,1.8,1.79L18.2,19c0.99,0,1.8-0.81,1.8-1.8V2.8
C20,1.81,19.19,1,18.2,1z M18,17l-8-0.01V3h8V17z"/>
<path d="M14,8c1.1,0,2-0.89,2-2s-0.9-2-2-2s-2,0.89-2,2S12.9,8,14,8z"/>
<path d="M14,16c1.93,0,3.5-1.57,3.5-3.5c0-1.93-1.57-3.5-3.5-3.5c-1.93,0-3.5,1.57-3.5,3.5C10.5,14.43,12.07,16,14,16z M14,11
c0.83,0,1.5,0.67,1.5,1.5S14.83,14,14,14s-1.5-0.67-1.5-1.5S13.17,11,14,11z"/>
<path d="M6,5H4v16c0,1.1,0.89,2,2,2h10v-2H6V5z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

20
src/assets/icons/speaker.svg Executable file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M17,2H7C5.9,2,5,2.9,5,4v16c0,1.1,0.9,1.99,2,1.99L17,22c1.1,0,2-0.9,2-2V4C19,2.9,18.1,2,17,2z M7,20V4h10l0,16H7z"/>
<path d="M12,9c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2c-1.11,0-2,0.9-2,2C10,8.1,10.89,9,12,9z"/>
<path d="M12,11c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,11,12,11z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,17,12,17z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 905 B

0
src/assets/spotify.svg → src/assets/icons/spotify.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
src/assets/star.svg → src/assets/icons/star.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 741 B

After

Width:  |  Height:  |  Size: 741 B

13
src/assets/icons/stop.svg Executable file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M16,8v8H8V8H16 M18,6H6v12h12V6L18,6z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 540 B

11
src/assets/pause.svg
View File

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<g>
<path d="M6.2,13.8c0,0.1-0.1,0.2-0.2,0.2H3.6c-0.1,0-0.2-0.1-0.2-0.2V2.2C3.4,2.1,3.5,2,3.6,2h2.4c0.1,0,0.2,0.1,0.2,0.2V13.8z"/>
</g>
<g>
<path d="M12.6,13.8c0,0.1-0.1,0.2-0.2,0.2h-2.4c-0.1,0-0.2-0.1-0.2-0.2V2.2C9.9,2.1,9.9,2,10.1,2h2.4c0.1,0,0.2,0.1,0.2,0.2V13.8z"
/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 507 B

5
src/assets/play.svg
View File

@ -1,5 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M13.2,7.8L3.6,1.5c-0.1-0.1-0.2,0-0.2,0.1v12.6c0,0.1,0.1,0.2,0.2,0.1L13.2,8C13.3,8,13.3,7.9,13.2,7.8z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 321 B

49
src/assets/repeat.svg
View File

@ -1,49 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.013 512.013" style="enable-background:new 0 0 512.013 512.013;" xml:space="preserve">
<g>
<g>
<path d="M510.502,297.222c-2.656-5.632-8.288-9.216-14.496-9.216h-48v-128c0-35.296-28.704-64-64-64H145.158l53.344,64h185.504
v128h-48c-6.208,0-11.84,3.584-14.496,9.216c-2.624,5.632-1.792,12.256,2.208,17.024l80,96c3.04,3.68,7.552,5.76,12.288,5.76
c4.736,0,9.248-2.08,12.288-5.76l80-96C512.294,309.478,513.126,302.854,510.502,297.222z"/>
</g>
</g>
<g>
<g>
<path d="M313.51,352.006H128.006v-128h48c6.208,0,11.84-3.584,14.496-9.216c2.624-5.632,1.792-12.256-2.208-17.024l-80-96
c-3.04-3.68-7.52-5.76-12.288-5.76s-9.248,2.08-12.288,5.76l-80,96c-4,4.768-4.832,11.392-2.208,17.024
c2.656,5.632,8.288,9.216,14.496,9.216h48v128c0,35.296,28.704,64,64,64h238.848L313.51,352.006z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

8
src/assets/search.svg
View File

@ -1,8 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M15.3,13.4l-3.5-3.5C12.2,9,12.5,8,12.5,7c0-3.1-2.5-5.6-5.6-5.6C3.8,1.4,1.3,3.9,1.3,7c0,3.1,2.5,5.6,5.6,5.6
c1.2,0,2.4-0.4,3.3-1.1l3.5,3.5c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3C15.7,14.6,15.7,13.8,15.3,13.4z M3.5,7
c0-1.9,1.5-3.4,3.4-3.4c1.9,0,3.4,1.5,3.4,3.4c0,0.7-0.2,1.4-0.6,1.9C9.6,9,9.5,9,9.4,9.1C9.3,9.2,9.2,9.3,9.1,9.5
c-0.6,0.5-1.4,0.9-2.2,0.9C5,10.4,3.5,8.9,3.5,7z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 601 B

58
src/assets/shuffle.svg
View File

@ -1,58 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M506.24,371.7l-96-80c-4.768-4-11.424-4.8-17.024-2.208c-5.632,2.656-9.216,8.288-9.216,14.496v48h-26.784
c-22.208,0-42.496-11.264-54.272-30.08l-103.616-165.76c-23.52-37.664-64.096-60.16-108.544-60.16H0v64h90.784
c22.208,0,42.496,11.264,54.272,30.08l103.616,165.76c23.552,37.664,64.128,60.16,108.544,60.16H384v48
c0,6.208,3.584,11.84,9.216,14.496c2.144,0.992,4.48,1.504,6.784,1.504c3.68,0,7.328-1.248,10.24-3.712l96-80
c3.68-3.04,5.76-7.552,5.76-12.288C512,379.252,509.92,374.74,506.24,371.7z"/>
</g>
</g>
<g>
<g>
<path d="M506.24,115.7l-96-80c-4.768-3.968-11.424-4.8-17.024-2.176C387.584,36.116,384,41.78,384,47.988v48h-26.784
c-44.448,0-85.024,22.496-108.544,60.16l-5.792,9.28l37.728,60.384l22.336-35.744c11.776-18.816,32.064-30.08,54.272-30.08H384v48
c0,6.208,3.584,11.872,9.216,14.496c2.144,0.992,4.48,1.504,6.784,1.504c3.68,0,7.328-1.28,10.24-3.712l96-80
c3.68-3.04,5.76-7.552,5.76-12.288C512,123.252,509.92,118.74,506.24,115.7z"/>
</g>
</g>
<g>
<g>
<path d="M167.392,286.164l-22.304,35.744c-11.776,18.816-32.096,30.08-54.304,30.08H0v64h90.784
c44.416,0,84.992-22.496,108.544-60.16l5.792-9.28L167.392,286.164z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

11
src/assets/skip.svg
View File

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<path d="M11.4,14c0,0.1-0.1,0.2-0.2,0.2h-1c-0.1,0-0.2-0.1-0.2-0.2V2c0-0.1,0.1-0.2,0.2-0.2h1c0.1,0,0.2,0.1,0.2,0.2V14z"/>
</g>
<g>
<path d="M3.8,2.3c0-0.1,0.1-0.1,0.2-0.1l6.6,5.7c0.1,0.1,0.1,0.2,0,0.3L4,13.8c-0.1,0.1-0.2,0-0.2-0.1V2.3z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 612 B

6
src/assets/stop.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M13.8,2H2.2C2.1,2,2,2.1,2,2.2v11.6C2,13.9,2.1,14,2.2,14h11.6c0.1,0,0.2-0.1,0.2-0.2V2.2C14,2.1,13.9,2,13.8,2
z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 345 B

30
src/assets/websocket.svg
View File

@ -1,30 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.376,13.476c-0.57-0.571-1.143-1.142-1.714-1.717
c-0.055-0.055-0.114-0.063-0.185-0.062c-0.467,0-0.933,0-1.401,0c-1.578,0-3.156,0-4.735,0c-0.068,0-0.131,0.005-0.188-0.054
c-0.466-0.471-0.935-0.938-1.404-1.404c-0.051-0.051-0.047-0.078,0.001-0.124c0.168-0.164,0.336-0.326,0.496-0.496
c0.074-0.082,0.113-0.063,0.18,0.006c0.354,0.36,0.716,0.717,1.07,1.078c0.064,0.062,0.125,0.092,0.217,0.092
c0.774-0.005,1.549-0.003,2.323-0.004c0.044,0,0.088,0.017,0.132-0.023c-0.035-0.038-0.07-0.077-0.109-0.115
C9.285,9.879,8.512,9.101,7.732,8.33c-0.081-0.082-0.079-0.125,0.003-0.2C7.889,7.988,8.039,7.84,8.178,7.684
c0.083-0.09,0.125-0.088,0.212-0.001c0.77,0.779,1.547,1.553,2.323,2.327c0.034,0.035,0.061,0.087,0.133,0.097
c0-0.048,0-0.091,0-0.134c0-0.769-0.002-1.538,0.002-2.308c0-0.096-0.03-0.162-0.099-0.228c-0.35-0.345-0.692-0.698-1.047-1.04
C9.613,6.31,9.595,6.258,9.699,6.165c0.172-0.157,0.328-0.332,0.491-0.498c0.07-0.036,0.093,0.03,0.128,0.064
c0.444,0.442,0.887,0.889,1.333,1.329c0.072,0.072,0.103,0.141,0.103,0.243c-0.004,1.114-0.002,2.229-0.006,3.344
c0,0.109,0.02,0.152,0.144,0.149c0.52-0.008,1.041-0.007,1.562,0c0.117,0.002,0.144-0.034,0.144-0.146
c-0.003-1.378-0.002-2.756-0.002-4.133c0-0.085-0.022-0.145-0.083-0.205C12.88,5.683,12.25,5.054,11.623,4.42
c-0.075-0.076-0.113-0.083-0.192-0.001c-0.365,0.375-0.738,0.745-1.112,1.116c-0.035,0.033-0.058,0.1-0.128,0.063
c-0.009-0.012-0.016-0.025-0.026-0.035C9.152,4.551,8.138,3.54,7.127,2.526C7.067,2.467,7.005,2.459,6.93,2.459
C4.904,2.46,2.877,2.46,0.851,2.461c-0.044,0-0.096-0.021-0.142,0.024C0.743,2.522,0.775,2.559,0.81,2.592
c0.537,0.538,1.076,1.074,1.61,1.614c0.072,0.072,0.142,0.1,0.242,0.098c1.169-0.002,2.337-0.001,3.507-0.001
c0.074,0,0.138,0.004,0.197,0.065c0.393,0.399,0.788,0.795,1.188,1.188c0.071,0.068,0.051,0.101-0.007,0.158
C6.95,6.309,6.354,6.904,5.76,7.502c-0.063,0.064-0.096,0.065-0.159,0c-0.39-0.396-0.783-0.789-1.178-1.178
C4.365,6.268,4.345,6.211,4.346,6.132c0.003-0.268-0.002-0.536,0.003-0.804c0.002-0.096-0.024-0.123-0.121-0.122
C3.697,5.21,3.166,5.212,2.635,5.205C2.518,5.204,2.503,5.246,2.503,5.348c0.004,0.512,0.004,1.023,0,1.535
c0,0.095,0.027,0.162,0.095,0.229c0.991,0.986,1.977,1.979,2.969,2.962c0.096,0.094,0.082,0.137-0.005,0.223
c-0.366,0.356-0.722,0.723-1.088,1.08c-0.078,0.076-0.079,0.114,0,0.191c0.63,0.623,1.257,1.252,1.881,1.881
c0.067,0.067,0.134,0.093,0.229,0.093c2.893-0.001,5.789-0.001,8.682-0.002c0.047,0,0.095,0.017,0.146-0.018
C15.397,13.505,15.389,13.489,15.376,13.476z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

24
src/js/components/Fields/PlaybackControls.js
View File

@ -28,33 +28,33 @@ class PlaybackControls extends React.Component{
}
renderPlayButton(){
var button = <a className="control play" onClick={() => this.props.mopidyActions.play()}><Icon name="play" /></a>
var button = <a className="control play" onClick={() => this.props.mopidyActions.play()}><Icon name="play_circle_filled" type="material" /></a>
if (this.props.play_state == 'playing'){
button = <a className="control play" onClick={() => this.props.mopidyActions.pause()}><Icon name="pause" /></a>
button = <a className="control play" onClick={() => this.props.mopidyActions.pause()}><Icon name="pause_circle_filled" type="material" /></a>
}
return button;
}
renderConsumeButton(){
var button = <a className="control has-tooltip" onClick={() => this.props.mopidyActions.setConsume(true)}><FontAwesome name="fire" /><span className="tooltip">Consume</span></a>
var button = <a className="control has-tooltip" onClick={() => this.props.mopidyActions.setConsume(true)}><Icon name="restaurant" type="material" /><span className="tooltip">Consume</span></a>
if (this.props.consume){
button = <a className="control active has-tooltip" onClick={() => this.props.mopidyActions.setConsume(false)}><FontAwesome name="fire" /><span className="tooltip">Consume</span></a>
button = <a className="control active has-tooltip" onClick={() => this.props.mopidyActions.setConsume(false)}><Icon name="restaurant" type="material" /><span className="tooltip">Consume</span></a>
}
return button;
}
renderRandomButton(){
var button = <a className="control has-tooltip" onClick={() => this.props.mopidyActions.setRandom(true)}><FontAwesome name="random" /><span className="tooltip">Shuffle</span></a>
var button = <a className="control has-tooltip" onClick={() => this.props.mopidyActions.setRandom(true)}><Icon name="shuffle" type="material" /><span className="tooltip">Shuffle</span></a>
if (this.props.random){
button = <a className="control active has-tooltip" onClick={() => this.props.mopidyActions.setRandom(false)}><FontAwesome name="random" /><span className="tooltip">Shuffle</span></a>
button = <a className="control active has-tooltip" onClick={() => this.props.mopidyActions.setRandom(false)}><Icon name="shuffle" type="material" /><span className="tooltip">Shuffle</span></a>
}
return button;
}
renderRepeatButton(){
var button = <a className="control has-tooltip" onClick={() => this.props.mopidyActions.setRepeat(true)}><FontAwesome name="repeat" /><span className="tooltip">Repeat</span></a>
var button = <a className="control has-tooltip" onClick={() => this.props.mopidyActions.setRepeat(true)}><Icon name="repeat" /><span className="tooltip">Repeat</span></a>
if (this.props.repeat){
button = <a className="control active has-tooltip" onClick={() => this.props.mopidyActions.setRepeat(false)}><FontAwesome name="repeat" /><span className="tooltip">Repeat</span></a>
button = <a className="control active has-tooltip" onClick={() => this.props.mopidyActions.setRepeat(false)}><Icon name="repeat" /><span className="tooltip">Repeat</span></a>
}
return button;
}
@ -93,14 +93,14 @@ class PlaybackControls extends React.Component{
<section className="playback">
<a className="control previous" onClick={() => this.props.mopidyActions.previous()}>
<Icon name="back" />
<Icon name="skip_previous" type="material" />
</a>
{ this.renderPlayButton() }
<a className="control stop" onClick={() => this.props.mopidyActions.stop()}>
<Icon name="stop" />
<Icon name="stop" type="material" />
</a>
<a className="control next" onClick={() => this.props.mopidyActions.next()}>
<Icon name="skip" />
<Icon name="skip_next" type="material" />
</a>
</section>
@ -131,7 +131,7 @@ class PlaybackControls extends React.Component{
{this.state.expanded ? <FontAwesome name="chevron-down" /> : <FontAwesome name="chevron-up" />}
</a>
<a className={"control sidebar-toggle"+(this.props.sidebar_open ? ' open' : '')} onClick={() => this.props.uiActions.toggleSidebar()}>
<FontAwesome className="open" name="bars" />
<Icon className="open" name="bars" type="fontawesome" />
</a>
</section>

3
src/js/components/Header.js
View File

@ -63,8 +63,7 @@ export default class Header extends React.Component{
return (
<header className={(this.props.className ? this.props.className : null)}>
<h1>
{this.props.icon ? <i className={"icon header-icon icon-"+this.props.icon}></i> : null}
{this.props.title ? this.props.title : null}
{this.props.children ? this.props.children : null}
</h1>
{this.renderOptions()}
</header>

16
src/js/components/Icon.js
View File

@ -1,5 +1,6 @@
import React, { PropTypes } from 'react';
import FontAwesome from 'react-fontawesome';
export default class Icon extends React.Component{
@ -8,11 +9,22 @@ export default class Icon extends React.Component{
}
render(){
var className = 'icon icon-'+this.props.name;
var className = "icon";
if (this.props.className){
className += ' '+this.props.className;
}
return <i className={className}></i>;
switch (this.props.type){
case 'material':
className += ' material-icon';
return <i className={className}>{this.props.name}</i>;
case 'fontawesome':
return <FontAwesome name={this.props.name} />;
default:
className += ' icon-'+this.props.name;
return <i className={className}></i>;
}
}
}

24
src/js/components/Sidebar.js
View File

@ -34,11 +34,11 @@ class Sidebar extends React.Component{
<section>
<Link className={this.linkClassName('queue')} to={global.baseURL+"queue"}>
<Icon name="play" />
<Icon name="play_arrow" type="material" />
Now playing
</Link>
<Link className={this.linkClassName('search')} to={global.baseURL+"search"}>
<Icon name="search" />
<Icon name="search" type="material" />
Search
</Link>
</section>
@ -46,19 +46,19 @@ class Sidebar extends React.Component{
{this.props.spotify_enabled ? <section>
<title>Discover</title>
<Link className={this.linkClassName('discover/recommendations')} to={global.baseURL+"discover/recommendations"}>
<Icon name="compass" />
<Icon name="explore" type="material" />
Discover
</Link>
<Link className={this.linkClassName('discover/categories')} to={global.baseURL+"discover/categories"}>
<Icon name="grid" />
<Icon name="mood" type="material" />
Genre / Mood
</Link>
<Link className={this.linkClassName('discover/featured')} to={global.baseURL+"discover/featured"}>
<Icon name="star" />
<Icon name="star" type="material" />
Featured playlists
</Link>
<Link className={this.linkClassName('discover/new-releases')} to={global.baseURL+"discover/new-releases"}>
<Icon name="leaf" />
<Icon name="new_releases" type="material" />
New releases
</Link>
</section> : null}
@ -66,30 +66,30 @@ class Sidebar extends React.Component{
<section>
<title>My Music</title>
<Link className={this.linkClassName('library/playlists')} to={global.baseURL+"library/playlists"}>
<Icon name="playlist" />
<Icon name="queue_music" type="material" />
Playlists
</Link>
<Link className={this.linkClassName('library/artists')} to={global.baseURL+"library/artists"}>
<Icon name="mic" />
<Icon name="recent_actors" type="material" />
Artists
</Link>
<Link className={this.linkClassName('library/albums')} to={global.baseURL+"library/albums"}>
<Icon name="cd" />
<Icon name="album" type="material" />
Albums
</Link>
<Link className={this.linkClassName('library/tracks')} to={global.baseURL+"library/tracks"}>
<Icon name="music" />
<Icon name="music_note" type="material" />
Tracks
</Link>
<Link className={this.linkClassName('library/browse')} to={global.baseURL+"library/browse"}>
<Icon name="folder" />
<Icon name="folder" type="material" />
Browse
</Link>
</section>
<section>
<Link className={this.linkClassName('settings')} to={global.baseURL+"settings"}>
<Icon name="cog" />
<Icon name="settings" type="material" />
Settings
{this.props.test_mode ? <span className="status has-tooltip right-tooltip"><FontAwesome name="info-circle" className="orange-text" /><span className="tooltip">Test mode active</span></span>: null}
{!this.props.mopidy_connected || !this.props.pusher_connected ? <span className="status has-tooltip right-tooltip"><FontAwesome name="exclamation-triangle" className="red-text" /><span className="tooltip">{!this.props.mopidy_connected ? <span>Mopidy not connected<br /></span> : null}{!this.props.pusher_connected ? <span>Pusher not connected<br /></span> : null}</span></span> : null}

6
src/js/views/Debug.js
View File

@ -7,6 +7,7 @@ import FontAwesome from 'react-fontawesome'
import Header from '../components/Header'
import Thumbnail from '../components/Thumbnail'
import Icon from '../components/Icon'
import * as uiActions from '../services/ui/actions'
import * as pusherActions from '../services/pusher/actions'
@ -57,7 +58,10 @@ class Debug extends React.Component{
return (
<div className="view debugger-view">
<Header icon="cog" title="Debugger" options={options} uiActions={this.props.uiActions} />
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="settings" type="material" />
Debug
</Header>
<div className="content-wrapper">

5
src/js/views/Queue.js
View File

@ -162,7 +162,10 @@ class Queue extends React.Component{
return (
<div className="view queue-view">
<Header icon="play" className="overlay" title="Now playing" options={options} uiActions={this.props.uiActions} />
<Header className="overlay" options={options} uiActions={this.props.uiActions}>
<Icon name="play_arrow" type="material" />
Now playing
</Header>
<Parallax blur image={current_track_image} />
<div className="content-wrapper">

6
src/js/views/QueueHistory.js
View File

@ -7,6 +7,7 @@ import FontAwesome from 'react-fontawesome'
import TrackList from '../components/TrackList'
import Header from '../components/Header'
import Icon from '../components/Icon'
import * as uiActions from '../services/ui/actions'
import * as pusherActions from '../services/pusher/actions'
@ -47,7 +48,10 @@ class QueueHistory extends React.Component{
return (
<div className="view queue-history-view">
<Header icon="play" title="Playback history" options={options} uiActions={this.props.uiActions} />
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="play_arrow" type="material" />
Playback history
</Header>
<section className="content-wrapper">
<TrackList
className="queue-history-track-list"

9
src/js/views/Search.js
View File

@ -7,6 +7,7 @@ import FontAwesome from 'react-fontawesome'
import ReactGA from 'react-ga'
import Header from '../components/Header'
import Icon from '../components/Icon'
import DropdownField from '../components/Fields/DropdownField'
import TrackList from '../components/TrackList'
import ArtistGrid from '../components/ArtistGrid'
@ -358,11 +359,9 @@ class Search extends React.Component{
return (
<div className="view search-view">
<Header
icon="search"
options={options}
uiActions={this.props.uiActions}
/>
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="search" type="material" />
</Header>
<SearchForm
query={(this.props.params.query ? this.props.params.query : '')}

5
src/js/views/Settings.js
View File

@ -158,7 +158,10 @@ class Settings extends React.Component {
return (
<div className="view settings-view">
<Header className="overlay" icon="cog" title="Settings" options={options} uiActions={this.props.uiActions} />
<Header className="overlay" options={options} uiActions={this.props.uiActions}>
<Icon name="settings" type="material" />
Settings
</Header>
<div className="intro">
<div className="liner">

7
src/js/views/discover/DiscoverCategories.js
View File

@ -4,7 +4,9 @@ import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import Header from '../../components/Header'
import Icon from '../../components/Icon'
import CategoryGrid from '../../components/CategoryGrid'
import * as helpers from '../../helpers'
import * as spotifyActions from '../../services/spotify/actions'
@ -44,7 +46,10 @@ class DiscoverCategories extends React.Component{
return (
<div className="view discover-categories-view">
<Header icon="grid" title="Genre / Mood" />
<Header>
<Icon name="mood" type="material" />
Genre / Mood
</Header>
<section className="content-wrapper grid-wrapper">
<CategoryGrid categories={categories} />
</section>

12
src/js/views/discover/DiscoverCategory.js
View File

@ -4,8 +4,10 @@ import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import Header from '../../components/Header'
import Icon from '../../components/Icon'
import PlaylistGrid from '../../components/PlaylistGrid'
import LazyLoadListener from '../../components/LazyLoadListener'
import * as helpers from '../../helpers'
import * as spotifyActions from '../../services/spotify/actions'
@ -46,7 +48,10 @@ class DiscoverCategory extends React.Component{
if (helpers.isLoading(this.props.load_queue,['spotify_browse/categories/'])){
return (
<div className="view discover-categories-view">
<Header icon="grid" title={(this.props.category ? this.props.category.name : 'Category')} />
<Header>
<Icon name="mood" type="material" />
{(this.props.category ? this.props.category.name : 'Category')}
</Header>
<div className="body-loader loading">
<div className="loader"></div>
</div>
@ -70,7 +75,10 @@ class DiscoverCategory extends React.Component{
return (
<div className="view discover-categories-view">
<Header icon="grid" title={this.props.category.name} />
<Header>
<Icon name="mood" type="material" />
{this.props.category.name}
</Header>
<div className="content-wrapper">
<section className="grid-wrapper">
<PlaylistGrid playlists={playlists} />

11
src/js/views/discover/DiscoverFeatured.js
View File

@ -6,6 +6,7 @@ import { Link } from 'react-router'
import PlaylistGrid from '../../components/PlaylistGrid'
import Header from '../../components/Header'
import Icon from '../../components/Icon'
import Parallax from '../../components/Parallax'
import Thumbnail from '../../components/Thumbnail'
@ -75,7 +76,10 @@ class DiscoverFeatured extends React.Component{
if (helpers.isLoading(this.props.load_queue,['spotify_browse/featured-playlists'])){
return (
<div className="view discover-featured-view">
<Header icon="star" title="Featured playlists" />
<Header className="overlay">
<Icon name="star" type="material" />
Featured playlists
</Header>
<div className="body-loader loading">
<div className="loader"></div>
</div>
@ -101,7 +105,10 @@ class DiscoverFeatured extends React.Component{
return (
<div className="view discover-featured-view">
<Header className="overlay" icon="star" title="Featured playlists" />
<Header className="overlay">
<Icon name="star" type="material" />
Featured playlists
</Header>
{this.renderIntro(first_playlist)}
<section className="content-wrapper grid-wrapper">
{playlists ? <PlaylistGrid playlists={playlists} /> : null }

11
src/js/views/discover/DiscoverNewReleases.js
View File

@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux'
import { Link } from 'react-router'
import Header from '../../components/Header'
import Icon from '../../components/Icon'
import AlbumGrid from '../../components/AlbumGrid'
import Parallax from '../../components/Parallax'
import Thumbnail from '../../components/Thumbnail'
@ -92,7 +93,10 @@ class DiscoverNewReleases extends React.Component{
if (helpers.isLoading(this.props.load_queue,['spotify_browse/new-releases'])){
return (
<div className="view discover-new-releases-view">
<Header icon="leaf" title="New Releases" />
<Header>
<Icon name="new_releases" type="material" />
New releases
</Header>
<div className="body-loader loading">
<div className="loader"></div>
</div>
@ -118,7 +122,10 @@ class DiscoverNewReleases extends React.Component{
return (
<div className="view discover-new-releases-view">
<Header className="overlay" icon="leaf" title="New Releases" />
<Header className="overlay">
<Icon name="new_releases" type="material" />
New releases
</Header>
{this.renderIntro(first_album)}
<section className="content-wrapper grid-wrapper">
<AlbumGrid albums={albums} />

6
src/js/views/library/LibraryAlbums.js
View File

@ -13,6 +13,7 @@ import ArtistSentence from '../../components/ArtistSentence'
import DropdownField from '../../components/Fields/DropdownField'
import FilterField from '../../components/Fields/FilterField'
import LazyLoadListener from '../../components/LazyLoadListener'
import Icon from '../../components/Icon'
import * as helpers from '../../helpers'
import * as coreActions from '../../services/core/actions'
@ -276,7 +277,10 @@ class LibraryAlbums extends React.Component{
return (
<div className="view library-albums-view">
<Header icon="cd" title="My albums" options={options} uiActions={this.props.uiActions} />
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="album" type="material" />
My albums
</Header>
{this.renderView()}
</div>
);

6
src/js/views/library/LibraryArtists.js
View File

@ -10,6 +10,7 @@ import List from '../../components/List'
import DropdownField from '../../components/Fields/DropdownField'
import FilterField from '../../components/Fields/FilterField'
import LazyLoadListener from '../../components/LazyLoadListener'
import Icon from '../../components/Icon'
import * as helpers from '../../helpers'
import * as uiActions from '../../services/ui/actions'
@ -244,7 +245,10 @@ class LibraryArtists extends React.Component{
return (
<div className="view library-artists-view">
<Header icon="mic" title="My artists" options={options} uiActions={this.props.uiActions} />
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="recent_actors" type="material" />
My artists
</Header>
{this.renderView()}
</div>
);

11
src/js/views/library/LibraryBrowse.js
View File

@ -9,6 +9,7 @@ import Header from '../../components/Header'
import List from '../../components/List'
import TrackList from '../../components/TrackList'
import GridItem from '../../components/GridItem'
import Icon from '../../components/Icon'
import * as helpers from '../../helpers'
import * as uiActions from '../../services/ui/actions'
@ -121,7 +122,10 @@ class LibraryBrowse extends React.Component{
return (
<div className="view library-local-view">
<Header icon="music" title={title} options={options} uiActions={this.props.uiActions} />
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="folder" type="material" />
{title}
</Header>
<section className="content-wrapper">
<List
nocontext
@ -199,7 +203,10 @@ class LibraryBrowse extends React.Component{
return (
<div className="view library-local-view">
<Header icon="folder" title="Browse" />
<Header>
<Icon name="folder" type="material" />
Browse
</Header>
<section className="content-wrapper">
<div className="grid category-grid">
{

6
src/js/views/library/LibraryPlaylists.js
View File

@ -11,6 +11,7 @@ import DropdownField from '../../components/Fields/DropdownField'
import Header from '../../components/Header'
import FilterField from '../../components/Fields/FilterField'
import LazyLoadListener from '../../components/LazyLoadListener'
import Icon from '../../components/Icon'
import * as helpers from '../../helpers'
import * as coreActions from '../../services/core/actions'
@ -268,7 +269,10 @@ class LibraryPlaylists extends React.Component{
return (
<div className="view library-playlists-view">
<Header icon="playlist" title="My playlists" options={options} uiActions={this.props.uiActions} />
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="queue_music" type="material" />
My playlists
</Header>
{ this.renderView() }
</div>
)

Some files were not shown because too many files have changed in this diff Show More