diff --git a/.release-notes-config.json b/.release-notes-config.json index 5034ff68..c63a84c3 100644 --- a/.release-notes-config.json +++ b/.release-notes-config.json @@ -18,7 +18,7 @@ } ], "template": "${{CHANGELOG}}", - "pr_template": "- [${{TITLE}}](https://github.com/johanfrick/custom-sonos-card/commit/${{MERGE_SHA}})", + "pr_template": "- [${{TITLE}}](https://github.com/punxaphil/custom-sonos-card/commit/${{MERGE_SHA}})", "empty_template": "- no changes", "label_extractor": [ { diff --git a/README.md b/README.md index 20e12e97..a5b3c6b2 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ Media player card for Sonos speakers! * Group/Ungroup speakers * Control multiple speaker * Play favorites from list -* Media browser +* Media browser button * Control individual volumes in a group * Artwork background * Possibility to override artwork @@ -19,11 +19,11 @@ Media player card for Sonos speakers! and more! -![player.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/player.png) -![media_browser.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/media_browser.png) -![groups.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/groups.png) -![grouping.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/grouping.png) -![volumes.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/volumes.png) +![player.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/player.png) +![media_browser.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/media_browser.png) +![groups.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/groups.png) +![grouping.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/grouping.png) +![volumes.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/volumes.png) ## Support the project @@ -35,7 +35,7 @@ Do you like the Sonos Card? Support the project with a coffee ☕️ ### HACS -This card is available in HACS (Home Assistant Community Store) +Recommended way of installing this card is with HACS (Home Assistant Community Store). ### Manual @@ -53,10 +53,10 @@ resources: ### Individual sections -By default, all sections of the card is available and you can jump between them in the footer of the card. +By default, all sections of the card is available, and you can jump between them in the footer of the card. However, you can also select individual sections to enable. Use this if you want to show the different sections next to -each (by adding multiple instances of the card with different sections enabled). +each other (by adding multiple instances of the card with different sections enabled). By using the section configuration you can utilise the full power of Home Assistant's layout capabilities and also drag in other cards in your Sonos Dashboard view. @@ -145,8 +145,8 @@ entitiesToIgnoreVolumeLevelFor: # default is empty. Use this if you want to igno - media_player.my_sonos_port_device # media browser specific -mediaBrowserItemsPerRow: 4 # default is 1. Use this to show items as icons. -mediaBrowserShowTitleForThumbnailIcons: true # default is false. Only makes a difference if mediaBrowserItemsPerRow > 1. Will show title for thumbnail artworks. +mediaBrowserItemsPerRow: 1 # default is 4. Use this to show items as list. +mediaBrowserHideTitleForThumbnailIcons: true # default is false. Only makes a difference if mediaBrowserItemsPerRow > 1. Will hide title for thumbnail artworks. customThumbnail: Voyage: https://i.scdn.co/image/ab67706f000000027b2e7ee752dc222ff2fd466f customThumbnailIfMissing: @@ -171,32 +171,20 @@ As mentioned earlier, use the individual sections for more layout flexibility. Here is an example: -![sections.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/sections.png) - +![sections.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/sections.png) ```yaml type: horizontal-stack cards: - type: custom:sonos-card sections: - groups - - grouping - volumes - widthPercentage: 100 - - type: vertical-stack - cards: - - type: entities - entities: - - type: button - tap_action: - action: navigate - navigation_path: / - icon: mdi:arrow-left-circle - name: Back to home - - type: custom:sonos-card - sections: - - player - type: custom:sonos-card sections: + - player + - type: custom:sonos-card + sections: + - grouping - media browser ``` @@ -215,7 +203,7 @@ Read more about using theme variables here: https://www.home-assistant.io/integr ## CSS Styling -The recommend way to change look and feel is to use the built in theming capabilities in Home Assistant. If that is not enough this card supports being styled with [card_mod](https://github.com/thomasloven/lovelace-card-mod). +The recommend way to change look and feel is to use the built-in theming capabilities in Home Assistant. If that is not enough this card supports being styled with [card_mod](https://github.com/thomasloven/lovelace-card-mod). Example: @@ -235,7 +223,7 @@ card_mod: The above YAML renders the following: -![styling.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/styling.png) +![styling.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/styling.png) ## Dynamic volume level slider @@ -243,7 +231,7 @@ The volume level slider is dynamically adjusting its scale. If volume is below 2 20% it will show a scale up to 100%. The color will also change from green to red clearly indicating which scale is being used. -![dynamic_volumes.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/dynamic_volumes.png) +![dynamic_volumes.png](https://github.com/punxaphil/custom-sonos-card/raw/master/img/dynamic_volumes.png) Enable it in config with `dynamicVolumeSlider: true` diff --git a/img/dynamic_volumes.png b/img/dynamic_volumes.png index 615d4b30..e226ae3c 100644 Binary files a/img/dynamic_volumes.png and b/img/dynamic_volumes.png differ diff --git a/img/grouping.png b/img/grouping.png index 514a21f8..41071b5e 100644 Binary files a/img/grouping.png and b/img/grouping.png differ diff --git a/img/groups.png b/img/groups.png index fc2188be..32541836 100644 Binary files a/img/groups.png and b/img/groups.png differ diff --git a/img/media_browser.png b/img/media_browser.png index 5aa1ad4d..25723d0a 100644 Binary files a/img/media_browser.png and b/img/media_browser.png differ diff --git a/img/player.png b/img/player.png index 87aff7a8..b3c597ae 100644 Binary files a/img/player.png and b/img/player.png differ diff --git a/img/sections.png b/img/sections.png index 7e5fd66d..df0653e2 100644 Binary files a/img/sections.png and b/img/sections.png differ diff --git a/img/volumes.png b/img/volumes.png index 1eb7a2dd..e75e80d4 100644 Binary files a/img/volumes.png and b/img/volumes.png differ