Aire-One
/
skin.pellucid
mirror of https://github.com/chrisbevan/skin.pellucid.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

various tweaks

This commit is contained in:
theDeadMan 2018-07-16 21:46:52 +01:00
parent 8da2920578
commit 8360d3a81a
28 changed files with 151 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
1080i/DialogSelect.xml
View File

@ -58,16 +58,30 @@
<colordiffuse>overlay</colordiffuse> <colordiffuse>overlay</colordiffuse>
<aspectratio>stretch</aspectratio> <aspectratio>stretch</aspectratio>
</control> </control>
<!--page scrollbar-->
<control type="group" id="8001">
<visible>Control.IsVisible(60)</visible>
<animation effect="fade" start="100" end="0" time="100" condition="!controlgroup(8001).hasfocus">conditional</animation>
<control type="scrollbar" id="60">
<posx>-18</posx>
<posy>2-row</posy>
<height>18-row</height>
<onright>9000</onright>
</control>
</control>
<control type="group" id="9000"> <control type="group" id="9000">
<!--Used in search from cast listing etc--> <!--Used in search from cast listing etc-->
<control type="panel" id="3"> <control type="panel" id="3">
<posx>0</posx> <posx>0</posx>
<posy>73</posy> <posy>73</posy>
<width>12-col</width> <width>12-col</width>
<height>19-row</height> <height>681</height>
<onright>9999</onright> <onright>9999</onright>
<onleft>60</onleft>
<pagecontrol>60</pagecontrol>
<itemlayout height="72" width="12-col"> <itemlayout height="72" width="12-col">
<control type="image"> <control type="image">
<visible>!ListItem.IsSelected</visible>
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>0</posy>
<width>69</width> <width>69</width>
@ -102,6 +116,7 @@
</itemlayout> </itemlayout>
<focusedlayout height="72" width="12-col"> <focusedlayout height="72" width="12-col">
<control type="image"> <control type="image">
<visible>!ListItem.IsSelected</visible>
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>0</posy>
<width>69</width> <width>69</width>
@ -132,8 +147,8 @@
<align>center</align> <align>center</align>
<aligny>center</aligny> <aligny>center</aligny>
<font>symbolLarge</font> <font>symbolLarge</font>
<textcolor>black</textcolor> <textcolor>textActive</textcolor>
<selectedcolor>black</selectedcolor> <selectedcolor>textActive</selectedcolor>
<shadowcolor></shadowcolor> <shadowcolor></shadowcolor>
<label>✓</label> <label>✓</label>
</control> </control>
@ -157,6 +172,7 @@
<width>12-col</width> <width>12-col</width>
<height>19-row</height> <height>19-row</height>
<onright>9999</onright> <onright>9999</onright>
<onleft>60</onleft>
<itemlayout height="72" width="12-col"> <itemlayout height="72" width="12-col">
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>

34
1080i/FileManager.xml
View File

@ -63,9 +63,20 @@
<width>8-col-gutter</width> <width>8-col-gutter</width>
<label></label> <label></label>
<font>itemSubtitle</font> <font>itemSubtitle</font>
<textcolor>textActive</textcolor> <textcolor>highlight</textcolor>
<shadowcolor></shadowcolor> <shadowcolor></shadowcolor>
</control> </control>
<!--page scrollbar-->
<control type="group" id="8000">
<visible>Control.IsVisible(60)</visible>
<animation effect="fade" start="100" end="0" time="100" condition="!controlgroup(8000).hasfocus">conditional</animation>
<control type="scrollbar" id="60">
<posx>-18</posx>
<posy>2-row</posy>
<height>16-row</height>
<onright>20</onright>
</control>
</control>
<!--left file list--> <!--left file list-->
<control type="list" id="20"> <control type="list" id="20">
<posx>0</posx> <posx>0</posx>
@ -73,6 +84,8 @@
<width>9-col</width> <width>9-col</width>
<height>15-row</height> <height>15-row</height>
<onright>21</onright> <onright>21</onright>
<onleft>60</onleft>
<pagecontrol>60</pagecontrol>
<itemlayout height="2-row" width="9-col"> <itemlayout height="2-row" width="9-col">
<control type="label"> <control type="label">
<posx>24</posx> <posx>24</posx>
@ -98,7 +111,7 @@
<width>9-col-textbox</width> <width>9-col-textbox</width>
<height>2-row</height> <height>2-row</height>
<texture>colors/white.png</texture> <texture>colors/white.png</texture>
<animation effect="fade" start="100" end="50" condition="!Control.HasFocus(20)">Conditional</animation> <animation effect="fade" start="100" end="20" condition="!Control.HasFocus(20)">Conditional</animation>
</control> </control>
<control type="label"> <control type="label">
<posx>24</posx> <posx>24</posx>
@ -134,7 +147,7 @@
<height>2-row</height> <height>2-row</height>
<label></label> <label></label>
<font>itemSubtitle</font> <font>itemSubtitle</font>
<textcolor>textActive</textcolor> <textcolor>highlight</textcolor>
</control> </control>
<control type="list" id="21"> <control type="list" id="21">
<posx>0</posx> <posx>0</posx>
@ -142,6 +155,8 @@
<width>9-col</width> <width>9-col</width>
<height>15-row</height> <height>15-row</height>
<onleft>20</onleft> <onleft>20</onleft>
<onright>61</onright>
<pagecontrol>61</pagecontrol>
<itemlayout height="2-row" width="9-col"> <itemlayout height="2-row" width="9-col">
<control type="label"> <control type="label">
<posx>24</posx> <posx>24</posx>
@ -167,7 +182,7 @@
<width>9-col</width> <width>9-col</width>
<height>2-row</height> <height>2-row</height>
<texture>colors/white.png</texture> <texture>colors/white.png</texture>
<animation effect="fade" start="100" end="50" condition="Control.HasFocus(20)">Conditional</animation> <animation effect="fade" start="100" end="20" condition="Control.HasFocus(20)">Conditional</animation>
</control> </control>
<control type="label"> <control type="label">
<posx>24</posx> <posx>24</posx>
@ -190,6 +205,17 @@
</control> </control>
</focusedlayout> </focusedlayout>
</control> </control>
<!--page scrollbar-->
<control type="group" id="8001">
<visible>Control.IsVisible(61)</visible>
<animation effect="fade" start="100" end="0" time="100" condition="!controlgroup(8001).hasfocus">conditional</animation>
<control type="scrollbar" id="61">
<posx>654</posx>
<posy>2-row</posy>
<height>16-row</height>
<onleft>21</onleft>
</control>
</control>
</control> </control>
</control> </control>
<!--debugging--> <!--debugging-->

11
1080i/View_Albums.xml
View File

@ -14,7 +14,7 @@
</animation> </animation>
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>-24</posy>
<width>fullscreenWidth</width> <width>fullscreenWidth</width>
<height>738</height> <height>738</height>
<texture>special://skin/extras/backgrounds/music.jpg</texture> <texture>special://skin/extras/backgrounds/music.jpg</texture>
@ -22,15 +22,6 @@
<aspectratio aligny="top">scale</aspectratio> <aspectratio aligny="top">scale</aspectratio>
<fadetime>200</fadetime> <fadetime>200</fadetime>
</control> </control>
<control type="image">
<posx>0</posx>
<posy>738</posy>
<width>fullscreenWidth</width>
<height>6</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture border="0">colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
</control>
<!--quick link selector--> <!--quick link selector-->
<control type="list" id="9123"> <control type="list" id="9123">
<posx>col-1-begin</posx> <posx>col-1-begin</posx>

11
1080i/View_ArtistAlbums.xml
View File

@ -23,15 +23,6 @@
<posy>row-17-begin</posy> <posy>row-17-begin</posy>
<posy>0</posy> <posy>0</posy>
<include>globalBackground</include> <include>globalBackground</include>
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>fullscreenWidth</width>
<height>6</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture border="0">colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
</control>
</control> </control>
<control type="group"> <control type="group">
<animation type="Conditional" condition="controlgroup(9000).hasfocus | controlgroup(9002).hasfocus | controlgroup(100).hasfocus"> <animation type="Conditional" condition="controlgroup(9000).hasfocus | controlgroup(9002).hasfocus | controlgroup(100).hasfocus">
@ -57,7 +48,7 @@
<control type="panel" id="52"> <control type="panel" id="52">
<visible>$EXP[isMusicArtistCatalogue]</visible> <visible>$EXP[isMusicArtistCatalogue]</visible>
<posx>col-1-begin</posx> <posx>col-1-begin</posx>
<posy>row-19-begin</posy> <posy>696</posy>
<width>24-col</width> <width>24-col</width>
<height>19-row</height> <height>19-row</height>
<onleft>9000</onleft> <onleft>9000</onleft>

9
1080i/View_Episodes.xml
View File

@ -64,15 +64,6 @@
<aspectratio>stretch</aspectratio> <aspectratio>stretch</aspectratio>
</control> </control>
<include>globalBackground</include> <include>globalBackground</include>
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>6</width>
<height>fullscreenHeight</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture border="0">colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
</control>
</control> </control>
<!--title--> <!--title-->
<control type="group"> <control type="group">

13
1080i/View_Movies.xml
View File

@ -3,7 +3,7 @@
<include name="movies"> <include name="movies">
<control type="group"> <control type="group">
<control type="group" id="9101"> <control type="group" id="9101">
<visible>$EXP[isMovie]</visible> <visible>$EXP[isMovie] + !string.contains(container.folderpath,playlists)</visible>
<animation type="Conditional" condition="!controlgroup(9101).hasfocus"> <animation type="Conditional" condition="!controlgroup(9101).hasfocus">
<effect type="slide" start="0,0" end="0,-200" time="200"/> <effect type="slide" start="0,0" end="0,-200" time="200"/>
<effect type="fade" start="100" end="0" time="200"/> <effect type="fade" start="100" end="0" time="200"/>
@ -14,22 +14,13 @@
</animation> </animation>
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>-24</posy>
<width>fullscreenWidth</width> <width>fullscreenWidth</width>
<height>738</height> <height>738</height>
<texture fallback="colors/black.png">$INFO[container(9103).listitem.art(fanart)]</texture> <texture fallback="colors/black.png">$INFO[container(9103).listitem.art(fanart)]</texture>
<colordiffuse>FF333333</colordiffuse> <colordiffuse>FF333333</colordiffuse>
<aspectratio>scale</aspectratio> <aspectratio>scale</aspectratio>
</control> </control>
<control type="image">
<posx>0</posx>
<posy>738</posy>
<width>fullscreenWidth</width>
<height>6</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture border="0">colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
</control>
<!--quick link selector--> <!--quick link selector-->
<control type="list" id="9102"> <control type="list" id="9102">
<posx>col-1-begin</posx> <posx>col-1-begin</posx>

10
1080i/View_Seasons.xml
View File

@ -53,15 +53,7 @@
<posy>row-15-begin</posy> <posy>row-15-begin</posy>
<posy>0</posy> <posy>0</posy>
<include>globalBackground</include> <include>globalBackground</include>
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>fullscreenWidth</width>
<height>6</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture border="0">colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
</control>
</control> </control>
<!--content--> <!--content-->
<control type="panel" id="58"> <control type="panel" id="58">

13
1080i/View_TVShows.xml
View File

@ -3,7 +3,7 @@
<include name="tvshows"> <include name="tvshows">
<control type="group"> <control type="group">
<control type="group" id="9201"> <control type="group" id="9201">
<visible>$EXP[isTVShow]</visible> <visible>$EXP[isTVShow] + !string.contains(container.folderpath,playlists)</visible>
<animation type="Conditional" condition="!controlgroup(9201).hasfocus"> <animation type="Conditional" condition="!controlgroup(9201).hasfocus">
<effect type="slide" start="0,0" end="0,-200" time="200"/> <effect type="slide" start="0,0" end="0,-200" time="200"/>
<effect type="fade" start="100" end="0" time="200"/> <effect type="fade" start="100" end="0" time="200"/>
@ -14,22 +14,13 @@
</animation> </animation>
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>-24</posy>
<width>fullscreenWidth</width> <width>fullscreenWidth</width>
<height>738</height> <height>738</height>
<texture>$INFO[container(9203).listitem.art(fanart)]</texture> <texture>$INFO[container(9203).listitem.art(fanart)]</texture>
<colordiffuse>FF333333</colordiffuse> <colordiffuse>FF333333</colordiffuse>
<aspectratio>scale</aspectratio> <aspectratio>scale</aspectratio>
</control> </control>
<control type="image">
<posx>0</posx>
<posy>738</posy>
<width>fullscreenWidth</width>
<height>6</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture border="0">colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
</control>
<!--quick link selector--> <!--quick link selector-->
<control type="list" id="9202"> <control type="list" id="9202">
<posx>col-1-begin</posx> <posx>col-1-begin</posx>

117
1080i/custom_musicPlayerFullscreen.xml
View File

@ -11,16 +11,32 @@
<control type="group"> <control type="group">
<include>fadeInOut</include> <include>fadeInOut</include>
<control type="group"> <control type="group">
<!--fanart--> <!--art-->
<control type="image"> <control type="image">
<visible>!Visualisation.Enabled</visible> <visible>!Visualisation.Enabled</visible>
<posx>0</posx> <include>dimensionsFullscreen</include>
<posy>0</posy> <texture>colors/white.jpg</texture>
<include>dimensionsFullscreen</include> <colordiffuse>background</colordiffuse>
<texture fallback="special://skin/extras/backgrounds/music.jpg" border="0">$INFO[player.art(fanart)]</texture> <aspectratio>stretch</aspectratio>
<aspectratio>stretch</aspectratio> </control>
<include>kenBurnsey</include> <control type="image">
<colordiffuse>44ffffff</colordiffuse> <visible>!Visualisation.Enabled</visible>
<include>dimensionsFullscreen</include>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture fallback="colors/offblack.png" border="0">$INFO[Listitem.art(fanart)]</texture>
<fadetime>500</fadetime>
<colordiffuse>44ffffff</colordiffuse>
</control>
<control type="image">
<visible>!Visualisation.Enabled</visible>
<posx>col-10-begin</posx>
<posy>258</posy>
<width>6-col</width>
<height>6-col</height>
<aspectratio align="center" aligny="top">stretch</aspectratio>
<texture fallback="">$INFO[Listitem.thumb]</texture>
<bordertexture colordiffuse="overlay">colors/black.png</bordertexture>
<bordersize>6</bordersize>
</control> </control>
<!--visualisation--> <!--visualisation-->
<control type="visualisation" id="2"> <control type="visualisation" id="2">
@ -34,37 +50,90 @@
<!--Track info--> <!--Track info-->
<control type="group"> <control type="group">
<posx>col-1-begin</posx> <posx>col-1-begin</posx>
<posy>row-25-begin</posy> <posy>row-19-begin</posy>
<animation type="conditional" condition="!String.IsEqual(MusicPlayer.Time,00:00)"> <animation type="conditional" condition="!String.IsEqual(MusicPlayer.Time,00:00)">
<effect type="slide" start="0,500" end="0,0" tween="sine" time="400"/> <effect type="slide" start="0,500" end="0,0" tween="sine" time="400"/>
</animation> </animation>
<animation type="conditional" condition="true"> <animation type="conditional" condition="true">
<effect type="fade" end="90" time="0"/> <effect type="fade" end="90" time="0"/>
</animation> </animation>
<!--track info--> <!--track info (no vis)-->
<control type="group"> <control type="group">
<visible>!Visualisation.Enabled</visible>
<posx>0</posx> <posx>0</posx>
<posy>-12</posy> <posy>0</posy>
<control type="image">
<posx>-54</posx>
<posy>-6</posy>
<width>4-row</width>
<height>4-row</height>
<aspectratio>stretch</aspectratio>
<texture border="0" diffuse="masks/circle.png">$INFO[player.art(thumb)]</texture>
<colordiffuse>ccffffff</colordiffuse>
</control>
<control type="textbox"> <control type="textbox">
<posx>114</posx> <posx>6-col</posx>
<posy>0</posy> <posy>0</posy>
<width>12-col</width> <width>12-col</width>
<height>8-row</height> <height>4-row</height>
<font>dialogTitle</font> <align>center</align>
<font>largeTitle</font>
<textcolor>textActive</textcolor> <textcolor>textActive</textcolor>
<scroll>true</scroll> <scroll>true</scroll>
<label>[B]$INFO[MusicPlayer.Title][/B][CR]$INFO[MusicPlayer.artist][CR]$INFO[MusicPlayer.Album,, ]$INFO[MusicPlayer.year,(,)] • $INFO[musicplayer.Playlistposition,$LOCALIZE[554] ]$INFO[musicplayer.Playlistlength, / ] • $INFO[MusicPlayer.timeremaining]</label> <label>$INFO[MusicPlayer.Title]</label>
<shadowcolor>99000000</shadowcolor> <shadowcolor>99000000</shadowcolor>
</control> </control>
<control type="label">
<posx>4-col</posx>
<posy>2-row</posy>
<width>16-col</width>
<height>8-row</height>
<align>center</align>
<font>menuTitle</font>
<textcolor>textActive</textcolor>
<scroll>true</scroll>
<label>[B]$INFO[MusicPlayer.artist][/B][CR]$INFO[MusicPlayer.Album,, ]$INFO[MusicPlayer.year,(,)]</label>
<shadowcolor>99000000</shadowcolor>
</control>
<control type="label">
<posx>0</posx>
<posy>8-row</posy>
<width>4-col</width>
<align>left</align>
<font>itemTitle</font>
<textcolor>textActive</textcolor>
<scroll>true</scroll>
<label>$INFO[musicplayer.Playlistposition,$LOCALIZE[554] ]$INFO[musicplayer.Playlistlength, / ]</label>
<shadowcolor>99000000</shadowcolor>
</control>
<control type="label">
<posx>23-col</posx>
<posy>8-row</posy>
<width>4-col</width>
<align>left</align>
<font>itemTitle</font>
<textcolor>textActive</textcolor>
<scroll>true</scroll>
<label>$INFO[MusicPlayer.timeremaining]</label>
<shadowcolor>99000000</shadowcolor>
</control>
<!--track info (vis)-->
<control type="group">
<visible>Visualisation.Enabled</visible>
<posx>0</posx>
<posy>-12</posy>
<control type="image">
<posx>-54</posx>
<posy>-6</posy>
<width>4-row</width>
<height>4-row</height>
<aspectratio>stretch</aspectratio>
<texture border="0" diffuse="masks/circle.png">$INFO[player.art(thumb)]</texture>
<colordiffuse>ccffffff</colordiffuse>
</control>
<control type="textbox">
<posx>114</posx>
<posy>0</posy>
<width>12-col</width>
<height>8-row</height>
<font>dialogTitle</font>
<textcolor>textActive</textcolor>
<scroll>true</scroll>
<label>[B]$INFO[MusicPlayer.Title][/B][CR]$INFO[MusicPlayer.artist][CR]$INFO[MusicPlayer.Album,, ]$INFO[MusicPlayer.year,(,)] • $INFO[musicplayer.Playlistposition,$LOCALIZE[554] ]$INFO[musicplayer.Playlistlength, / ] • $INFO[MusicPlayer.timeremaining]</label>
<shadowcolor>99000000</shadowcolor>
</control>
</control>
</control> </control>
</control> </control>
</control> </control>

4
changelog.txt
View File

@ -30,9 +30,9 @@
- [COMPLETE] global search addon skinned - [COMPLETE] global search addon skinned
- [COMPLETE] GameOSD.xml - [COMPLETE] GameOSD.xml
- [COMPLETE] Adjust alignment of home menu items based on item count - [COMPLETE] Adjust alignment of home menu items based on item count
- [NEW] Additional wallpapers (Thanks Dadebue)
- restore player controls video - USER OPTION: Disable recently added
- Add volume passthrough / % volume control (see https://github.com/xperience1080/skin.xperience1080/blob/master/1080i/DialogVolumeBar.xml)
- Rework spotify addon presentation - Rework spotify addon presentation
- check controls for new window: MyGames.xml - check controls for new window: MyGames.xml

BIN
extras/homeBackgrounds/DSC00884.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 540 KiB

BIN
extras/homeBackgrounds/DSC01234.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 581 KiB

BIN
extras/homeBackgrounds/DSC03191.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 422 KiB

BIN
extras/homeBackgrounds/DSC03391.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 517 KiB

BIN
extras/homeBackgrounds/Eiffels Eye.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 590 KiB

BIN
extras/homeBackgrounds/IMG_1143.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 614 KiB

BIN
extras/homeBackgrounds/IMG_2408-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
extras/homeBackgrounds/IMG_2460.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 372 KiB

BIN
extras/homeBackgrounds/IMG_7351-Bearbeitet.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 493 KiB

BIN
extras/homeBackgrounds/IMG_9828.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 676 KiB

BIN
extras/homeBackgrounds/P1050455.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
extras/homeBackgrounds/P1110163.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 KiB

BIN
extras/homeBackgrounds/P1120223.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 414 KiB

BIN
extras/homeBackgrounds/P1130161.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 750 KiB

BIN
extras/homeBackgrounds/P1130573.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 KiB

BIN
extras/homeBackgrounds/P1140008.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 898 KiB

BIN
extras/homeBackgrounds/denys-nevozhai-351730.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.5 MiB

BIN
extras/homeBackgrounds/samuel-zeller-250039.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 MiB