diff --git a/README.md b/README.md
index 300d4a5..7611103 100644
--- a/README.md
+++ b/README.md
@@ -1288,7 +1288,171 @@ remote_template: edifier_rc600a
type: custom:generic-remote-control-card
```
+
+
+
+
+ Apple TV 4k Remote (Design and codes by richsimpson): (Click to expand!)
+
+
+```
+type: custom:generic-remote-control-card
+name: Apple TV Lounge
+remote_template: apple4kremote
+buttons:
+ up:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: up
+ left:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: left
+ select:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: select
+ right:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: right
+ down:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: down
+ menu:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: menu
+ tv:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: home
+ siri:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: select
+ volup:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: volume_up
+ play:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: select
+ voldown:
+ call: remote.send_command
+ data:
+ entity_id: remote.apple_tv_lounge
+ command: volume_down
+
+```
+
+
+
+ Firestick 4k Remote (Design and codes by richsimpson): (Click to expand!)
+
+
+
+```
+type: custom:generic-remote-control-card
+name: Bedroom Firestick
+remote_template: firestick4kremote
+buttons:
+ pwr:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: input keyevent 26
+ mic:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: null
+ volup:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: null
+ voldown:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: null
+ mute:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: null
+ up:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: UP
+ left:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: LEFT
+ select:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: input keyevent 23
+ right:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: RIGHT
+ down:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: DOWN
+ back:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: BACK
+ home:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: HOME
+ menu:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: MENU
+ rwd:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: input keyevent 89
+ play:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: input keyevent 85
+ fwd:
+ call: androidtv.adb_command
+ data:
+ entity_id: media_player.fire_tv_bedroom
+ command: input keyevent 90
+
+
+```
# Contribution
diff --git a/apple4kremote.png b/apple4kremote.png
new file mode 100644
index 0000000..b01034f
Binary files /dev/null and b/apple4kremote.png differ
diff --git a/dist/remotes/apple4kremote/apple4kremote.png b/dist/remotes/apple4kremote/apple4kremote.png
new file mode 100644
index 0000000..b01034f
Binary files /dev/null and b/dist/remotes/apple4kremote/apple4kremote.png differ
diff --git a/dist/remotes/apple4kremote/down.png b/dist/remotes/apple4kremote/down.png
new file mode 100644
index 0000000..aed0adf
Binary files /dev/null and b/dist/remotes/apple4kremote/down.png differ
diff --git a/dist/remotes/apple4kremote/down_over.png b/dist/remotes/apple4kremote/down_over.png
new file mode 100644
index 0000000..4e0d645
Binary files /dev/null and b/dist/remotes/apple4kremote/down_over.png differ
diff --git a/dist/remotes/apple4kremote/left.png b/dist/remotes/apple4kremote/left.png
new file mode 100644
index 0000000..4bb6c2d
Binary files /dev/null and b/dist/remotes/apple4kremote/left.png differ
diff --git a/dist/remotes/apple4kremote/left_over.png b/dist/remotes/apple4kremote/left_over.png
new file mode 100644
index 0000000..999a79c
Binary files /dev/null and b/dist/remotes/apple4kremote/left_over.png differ
diff --git a/dist/remotes/apple4kremote/menu.png b/dist/remotes/apple4kremote/menu.png
new file mode 100644
index 0000000..d5ff6f4
Binary files /dev/null and b/dist/remotes/apple4kremote/menu.png differ
diff --git a/dist/remotes/apple4kremote/menu_over.png b/dist/remotes/apple4kremote/menu_over.png
new file mode 100644
index 0000000..d3ded7f
Binary files /dev/null and b/dist/remotes/apple4kremote/menu_over.png differ
diff --git a/dist/remotes/apple4kremote/play.png b/dist/remotes/apple4kremote/play.png
new file mode 100644
index 0000000..d2dd38b
Binary files /dev/null and b/dist/remotes/apple4kremote/play.png differ
diff --git a/dist/remotes/apple4kremote/play_over.png b/dist/remotes/apple4kremote/play_over.png
new file mode 100644
index 0000000..72d556d
Binary files /dev/null and b/dist/remotes/apple4kremote/play_over.png differ
diff --git a/dist/remotes/apple4kremote/remote-html.js b/dist/remotes/apple4kremote/remote-html.js
new file mode 100644
index 0000000..df2ae56
--- /dev/null
+++ b/dist/remotes/apple4kremote/remote-html.js
@@ -0,0 +1,219 @@
+function getRemoteStyle_apple4kremote(config) {
+ const template = config.remote_template;
+ const base_url = `/hacsfiles/generic-remote-control-card/remotes/${template}`;
+
+ return `
+ ha-card{
+ background-color:transparent;
+ box-shadow:var(--paper-material-elevation-0_-_box-shadow);
+ }
+ body {
+ margin: 0;
+ padding: 20px;
+ font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif
+}
+
+.container {
+ width: 360px;
+ margin: 0 auto
+}
+
+#remote-control-apple4kremote {
+ position: relative;
+ background: url(${base_url}/apple4kremote.png) no-repeat;
+ width: 349px;
+ height: 930px
+}
+
+#remote-control-apple4kremote h2,
+#remote-control-apple4kremote span {
+ position: absolute;
+ left: 5000px
+}
+
+#remote-control-apple4kremote ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none
+}
+
+#up a,
+#left a,
+#select a,
+#right a,
+#down a,
+#menu a,
+#tv a,
+#siri a,
+#volup a,
+#play a,
+#voldown a {
+ position: absolute;
+ display: block
+}
+
+#remote-control-apple4kremote li#up a {
+ left: 124px;
+ top: 51px;
+ width: 101px;
+ height: 53px;
+ background: url(${base_url}/up.png) no-repeat
+}
+
+#remote-control-apple4kremote li#left a {
+ left: 56px;
+ top: 106px;
+ width: 53px;
+ height: 101px;
+ background: url(${base_url}/left.png) no-repeat
+}
+
+#remote-control-apple4kremote li#select a {
+ left: 121px;
+ top: 111px;
+ width: 104px;
+ height: 103px;
+ background: url(${base_url}/select.png) no-repeat
+}
+
+#remote-control-apple4kremote li#right a {
+ left: 245px;
+ top: 106px;
+ width: 53px;
+ height: 101px;
+ background: url(${base_url}/right.png) no-repeat
+}
+
+#remote-control-apple4kremote li#down a {
+ left: 124px;
+ top: 230px;
+ width: 101px;
+ height: 53px;
+ background: url(${base_url}/down.png) no-repeat
+}
+
+#remote-control-apple4kremote li#menu a {
+ left: 63px;
+ top: 295px;
+ width: 101px;
+ height: 102px;
+ background: url(${base_url}/menu.png) no-repeat
+}
+
+#remote-control-apple4kremote li#tv a {
+ left: 186px;
+ top: 295px;
+ width: 101px;
+ height: 102px;
+ background: url(${base_url}/tv.png) no-repeat
+}
+
+#remote-control-apple4kremote li#siri a {
+ left: 63px;
+ top: 415px;
+ width: 100px;
+ height: 102px;
+ background: url(${base_url}/siri.png) no-repeat
+}
+
+#remote-control-apple4kremote li#volup a {
+ left: 191px;
+ top: 417px;
+ width: 92px;
+ height: 101px;
+ background: url(${base_url}/volup.png) no-repeat
+}
+
+#remote-control-apple4kremote li#play a {
+ left: 63px;
+ top: 536px;
+ width: 100px;
+ height: 100px;
+ background: url(${base_url}/play.png) no-repeat
+}
+
+#remote-control-apple4kremote li#voldown a {
+ left: 191px;
+ top: 534px;
+ width: 92px;
+ height: 100px;
+ background: url(${base_url}/voldown.png) no-repeat
+}
+
+
+#remote-control-apple4kremote li#up a:hover {
+ background: url(${base_url}/up_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#left a:hover {
+ background: url(${base_url}/left_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#select a:hover {
+ background: url(${base_url}/select_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#right a:hover {
+ background: url(${base_url}/right_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#down a:hover {
+ background: url(${base_url}/down_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#menu a:hover {
+ background: url(${base_url}/menu_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#tv a:hover {
+ background: url(${base_url}/tv_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#siri a:hover {
+ background: url(${base_url}/siri_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#volup a:hover {
+ background: url(${base_url}/volup_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#play a:hover {
+ background: url(${base_url}/play_over.png) no-repeat 0px 0px
+}
+
+#remote-control-apple4kremote li#voldown a:hover {
+ background: url(${base_url}/voldown_over.png) no-repeat 0px 0px
+}
+ `;
+}
+
+function getRemoteHtml_apple4kremote(config){
+ const template = config.remote_template;
+ return `
+
+
+
+
${config.name}
+
+
+
+ Main navigation
+
+
+
+
+
+`;
+}
diff --git a/dist/remotes/apple4kremote/right.png b/dist/remotes/apple4kremote/right.png
new file mode 100644
index 0000000..490ecca
Binary files /dev/null and b/dist/remotes/apple4kremote/right.png differ
diff --git a/dist/remotes/apple4kremote/right_over.png b/dist/remotes/apple4kremote/right_over.png
new file mode 100644
index 0000000..f732075
Binary files /dev/null and b/dist/remotes/apple4kremote/right_over.png differ
diff --git a/dist/remotes/apple4kremote/select.png b/dist/remotes/apple4kremote/select.png
new file mode 100644
index 0000000..05b4ed0
Binary files /dev/null and b/dist/remotes/apple4kremote/select.png differ
diff --git a/dist/remotes/apple4kremote/select_over.png b/dist/remotes/apple4kremote/select_over.png
new file mode 100644
index 0000000..1b77dca
Binary files /dev/null and b/dist/remotes/apple4kremote/select_over.png differ
diff --git a/dist/remotes/apple4kremote/siri.png b/dist/remotes/apple4kremote/siri.png
new file mode 100644
index 0000000..27ccfcf
Binary files /dev/null and b/dist/remotes/apple4kremote/siri.png differ
diff --git a/dist/remotes/apple4kremote/siri_over.png b/dist/remotes/apple4kremote/siri_over.png
new file mode 100644
index 0000000..e44f9e5
Binary files /dev/null and b/dist/remotes/apple4kremote/siri_over.png differ
diff --git a/dist/remotes/apple4kremote/tv.png b/dist/remotes/apple4kremote/tv.png
new file mode 100644
index 0000000..e6b561b
Binary files /dev/null and b/dist/remotes/apple4kremote/tv.png differ
diff --git a/dist/remotes/apple4kremote/tv_over.png b/dist/remotes/apple4kremote/tv_over.png
new file mode 100644
index 0000000..632a9da
Binary files /dev/null and b/dist/remotes/apple4kremote/tv_over.png differ
diff --git a/dist/remotes/apple4kremote/up.png b/dist/remotes/apple4kremote/up.png
new file mode 100644
index 0000000..ab87d0d
Binary files /dev/null and b/dist/remotes/apple4kremote/up.png differ
diff --git a/dist/remotes/apple4kremote/up_over.png b/dist/remotes/apple4kremote/up_over.png
new file mode 100644
index 0000000..9fe7a71
Binary files /dev/null and b/dist/remotes/apple4kremote/up_over.png differ
diff --git a/dist/remotes/apple4kremote/voldown.png b/dist/remotes/apple4kremote/voldown.png
new file mode 100644
index 0000000..1a4312e
Binary files /dev/null and b/dist/remotes/apple4kremote/voldown.png differ
diff --git a/dist/remotes/apple4kremote/voldown_over.png b/dist/remotes/apple4kremote/voldown_over.png
new file mode 100644
index 0000000..5b94e8e
Binary files /dev/null and b/dist/remotes/apple4kremote/voldown_over.png differ
diff --git a/dist/remotes/apple4kremote/volup.png b/dist/remotes/apple4kremote/volup.png
new file mode 100644
index 0000000..f9014fe
Binary files /dev/null and b/dist/remotes/apple4kremote/volup.png differ
diff --git a/dist/remotes/apple4kremote/volup_over.png b/dist/remotes/apple4kremote/volup_over.png
new file mode 100644
index 0000000..fbd89d3
Binary files /dev/null and b/dist/remotes/apple4kremote/volup_over.png differ
diff --git a/dist/remotes/firestick4kremote/back.png b/dist/remotes/firestick4kremote/back.png
new file mode 100644
index 0000000..b10c53b
Binary files /dev/null and b/dist/remotes/firestick4kremote/back.png differ
diff --git a/dist/remotes/firestick4kremote/back_over.png b/dist/remotes/firestick4kremote/back_over.png
new file mode 100644
index 0000000..235a435
Binary files /dev/null and b/dist/remotes/firestick4kremote/back_over.png differ
diff --git a/dist/remotes/firestick4kremote/down.png b/dist/remotes/firestick4kremote/down.png
new file mode 100644
index 0000000..7bae240
Binary files /dev/null and b/dist/remotes/firestick4kremote/down.png differ
diff --git a/dist/remotes/firestick4kremote/down_over.png b/dist/remotes/firestick4kremote/down_over.png
new file mode 100644
index 0000000..010d48b
Binary files /dev/null and b/dist/remotes/firestick4kremote/down_over.png differ
diff --git a/dist/remotes/firestick4kremote/firestick4kremote.png b/dist/remotes/firestick4kremote/firestick4kremote.png
new file mode 100644
index 0000000..850d05e
Binary files /dev/null and b/dist/remotes/firestick4kremote/firestick4kremote.png differ
diff --git a/dist/remotes/firestick4kremote/fwd.png b/dist/remotes/firestick4kremote/fwd.png
new file mode 100644
index 0000000..4c7c5f8
Binary files /dev/null and b/dist/remotes/firestick4kremote/fwd.png differ
diff --git a/dist/remotes/firestick4kremote/fwd_over.png b/dist/remotes/firestick4kremote/fwd_over.png
new file mode 100644
index 0000000..c89ae81
Binary files /dev/null and b/dist/remotes/firestick4kremote/fwd_over.png differ
diff --git a/dist/remotes/firestick4kremote/home.png b/dist/remotes/firestick4kremote/home.png
new file mode 100644
index 0000000..92a6e4d
Binary files /dev/null and b/dist/remotes/firestick4kremote/home.png differ
diff --git a/dist/remotes/firestick4kremote/home_over.png b/dist/remotes/firestick4kremote/home_over.png
new file mode 100644
index 0000000..847a47f
Binary files /dev/null and b/dist/remotes/firestick4kremote/home_over.png differ
diff --git a/dist/remotes/firestick4kremote/left.png b/dist/remotes/firestick4kremote/left.png
new file mode 100644
index 0000000..48db717
Binary files /dev/null and b/dist/remotes/firestick4kremote/left.png differ
diff --git a/dist/remotes/firestick4kremote/left_over.png b/dist/remotes/firestick4kremote/left_over.png
new file mode 100644
index 0000000..2073822
Binary files /dev/null and b/dist/remotes/firestick4kremote/left_over.png differ
diff --git a/dist/remotes/firestick4kremote/menu.png b/dist/remotes/firestick4kremote/menu.png
new file mode 100644
index 0000000..99249c6
Binary files /dev/null and b/dist/remotes/firestick4kremote/menu.png differ
diff --git a/dist/remotes/firestick4kremote/menu_over.png b/dist/remotes/firestick4kremote/menu_over.png
new file mode 100644
index 0000000..88911f0
Binary files /dev/null and b/dist/remotes/firestick4kremote/menu_over.png differ
diff --git a/dist/remotes/firestick4kremote/mic.png b/dist/remotes/firestick4kremote/mic.png
new file mode 100644
index 0000000..6acda7d
Binary files /dev/null and b/dist/remotes/firestick4kremote/mic.png differ
diff --git a/dist/remotes/firestick4kremote/mic_over.png b/dist/remotes/firestick4kremote/mic_over.png
new file mode 100644
index 0000000..60e9e5e
Binary files /dev/null and b/dist/remotes/firestick4kremote/mic_over.png differ
diff --git a/dist/remotes/firestick4kremote/mute.png b/dist/remotes/firestick4kremote/mute.png
new file mode 100644
index 0000000..fdd3ffe
Binary files /dev/null and b/dist/remotes/firestick4kremote/mute.png differ
diff --git a/dist/remotes/firestick4kremote/mute_over.png b/dist/remotes/firestick4kremote/mute_over.png
new file mode 100644
index 0000000..4da97d8
Binary files /dev/null and b/dist/remotes/firestick4kremote/mute_over.png differ
diff --git a/dist/remotes/firestick4kremote/play.png b/dist/remotes/firestick4kremote/play.png
new file mode 100644
index 0000000..de78694
Binary files /dev/null and b/dist/remotes/firestick4kremote/play.png differ
diff --git a/dist/remotes/firestick4kremote/play_over.png b/dist/remotes/firestick4kremote/play_over.png
new file mode 100644
index 0000000..458b43f
Binary files /dev/null and b/dist/remotes/firestick4kremote/play_over.png differ
diff --git a/dist/remotes/firestick4kremote/pwr.png b/dist/remotes/firestick4kremote/pwr.png
new file mode 100644
index 0000000..6bc0b60
Binary files /dev/null and b/dist/remotes/firestick4kremote/pwr.png differ
diff --git a/dist/remotes/firestick4kremote/pwr_over.png b/dist/remotes/firestick4kremote/pwr_over.png
new file mode 100644
index 0000000..1a423cf
Binary files /dev/null and b/dist/remotes/firestick4kremote/pwr_over.png differ
diff --git a/dist/remotes/firestick4kremote/remote-html.js b/dist/remotes/firestick4kremote/remote-html.js
new file mode 100644
index 0000000..36e8c4a
--- /dev/null
+++ b/dist/remotes/firestick4kremote/remote-html.js
@@ -0,0 +1,289 @@
+function getRemoteStyle_firestick4kremote(config) {
+ const template = config.remote_template;
+ const base_url = `/hacsfiles/generic-remote-control-card/remotes/${template}`;
+
+ return `
+ ha-card{
+ background-color:transparent;
+ box-shadow:var(--paper-material-elevation-0_-_box-shadow);
+ }
+ body {
+ margin: 0;
+ padding: 20px;
+ font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif
+}
+
+.container {
+ width: 360px;
+ margin: 0 auto
+}
+
+#remote-control-firestick4kremote {
+ position: relative;
+ background: url(${base_url}/firestick4kremote.png) no-repeat;
+ width: 162px;
+ height: 524px
+}
+
+#remote-control-firestick4kremote h2,
+#remote-control-firestick4kremote span {
+ position: absolute;
+ left: 5000px
+}
+
+#remote-control-firestick4kremote ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none
+}
+
+#pwr a,
+#mic a,
+#volup a,
+#voldown a,
+#mute a,
+#up a,
+#left a,
+#select a,
+#right a,
+#down a,
+#back a,
+#home a,
+#menu a,
+#rwd a,
+#play a,
+#fwd a {
+ position: absolute;
+ disrwd: block
+}
+
+#remote-control-firestick4kremote li#pwr a {
+ left: 23px;
+ top: 25px;
+ width: 35px;
+ height: 35px;
+ background: url(${base_url}/pwr.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#mic a {
+ left: 64px;
+ top: 58px;
+ width: 33px;
+ height: 33px;
+ background: url(${base_url}/mic.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#volup a {
+ left: 65px;
+ top: 296px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/volup.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#voldown a {
+ left: 65px;
+ top: 331px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/voldown.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#mute a {
+ left: 65px;
+ top: 373px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/mute.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#up a {
+ left: 53px;
+ top: 101px;
+ width: 54px;
+ height: 22px;
+ background: url(${base_url}/up.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#left a {
+ left: 27px;
+ top: 123px;
+ width: 22px;
+ height: 54px;
+ background: url(${base_url}/left.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#select a {
+ left: 59px;
+ top: 132px;
+ width: 42px;
+ height: 42px;
+ background: url(${base_url}/select.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#right a {
+ left: 112px;
+ top: 123px;
+ width: 22px;
+ height: 54px;
+ background: url(${base_url}/right.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#down a {
+ left: 53px;
+ top: 185px;
+ width: 54px;
+ height: 22px;
+ background: url(${base_url}/down.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#back a {
+ left: 25px;
+ top: 217px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/back.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#home a {
+ left: 64px;
+ top: 217px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/home.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#menu a {
+ left: 105px;
+ top: 217px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/menu.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#rwd a {
+ left: 25px;
+ top: 256px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/rwd.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#play a {
+ left: 64px;
+ top: 256px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/play.png) no-repeat
+}
+
+#remote-control-firestick4kremote li#fwd a {
+ left: 105px;
+ top: 256px;
+ width: 32px;
+ height: 32px;
+ background: url(${base_url}/fwd.png) no-repeat
+}
+
+
+#remote-control-firestick4kremote li#pwr a:hover {
+ background: url(${base_url}/pwr_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#mic a:hover {
+ background: url(${base_url}/mic_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#volup a:hover {
+ background: url(${base_url}/volup_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#voldown a:hover {
+ background: url(${base_url}/voldown_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#mute a:hover {
+ background: url(${base_url}/mute_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#up a:hover {
+ background: url(${base_url}/up_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#left a:hover {
+ background: url(${base_url}/left_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#select a:hover {
+ background: url(${base_url}/select_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#right a:hover {
+ background: url(${base_url}/right_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#down a:hover {
+ background: url(${base_url}/down_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#back a:hover {
+ background: url(${base_url}/back_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#home a:hover {
+ background: url(${base_url}/home_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#menu a:hover {
+ background: url(${base_url}/menu_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#rwd a:hover {
+ background: url(${base_url}/rwd_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#play a:hover {
+ background: url(${base_url}/play_over.png) no-repeat 0px 0px
+}
+
+#remote-control-firestick4kremote li#fwd a:hover {
+ background: url(${base_url}/fwd_over.png) no-repeat 0px 0px
+}
+ `;
+}
+
+function getRemoteHtml_firestick4kremote(config){
+ const template = config.remote_template;
+ return `
+
+
+
+
${config.name}
+
+
+
+ Main navigation
+
+
+
+
+
+`;
+}
diff --git a/dist/remotes/firestick4kremote/right.png b/dist/remotes/firestick4kremote/right.png
new file mode 100644
index 0000000..b3ef202
Binary files /dev/null and b/dist/remotes/firestick4kremote/right.png differ
diff --git a/dist/remotes/firestick4kremote/right_over.png b/dist/remotes/firestick4kremote/right_over.png
new file mode 100644
index 0000000..77fb73f
Binary files /dev/null and b/dist/remotes/firestick4kremote/right_over.png differ
diff --git a/dist/remotes/firestick4kremote/rwd.png b/dist/remotes/firestick4kremote/rwd.png
new file mode 100644
index 0000000..5273eeb
Binary files /dev/null and b/dist/remotes/firestick4kremote/rwd.png differ
diff --git a/dist/remotes/firestick4kremote/rwd_over.png b/dist/remotes/firestick4kremote/rwd_over.png
new file mode 100644
index 0000000..d0ff223
Binary files /dev/null and b/dist/remotes/firestick4kremote/rwd_over.png differ
diff --git a/dist/remotes/firestick4kremote/select.png b/dist/remotes/firestick4kremote/select.png
new file mode 100644
index 0000000..f2550f8
Binary files /dev/null and b/dist/remotes/firestick4kremote/select.png differ
diff --git a/dist/remotes/firestick4kremote/select_over.png b/dist/remotes/firestick4kremote/select_over.png
new file mode 100644
index 0000000..c5e7f52
Binary files /dev/null and b/dist/remotes/firestick4kremote/select_over.png differ
diff --git a/dist/remotes/firestick4kremote/up.png b/dist/remotes/firestick4kremote/up.png
new file mode 100644
index 0000000..84be737
Binary files /dev/null and b/dist/remotes/firestick4kremote/up.png differ
diff --git a/dist/remotes/firestick4kremote/up_over.png b/dist/remotes/firestick4kremote/up_over.png
new file mode 100644
index 0000000..a7f8355
Binary files /dev/null and b/dist/remotes/firestick4kremote/up_over.png differ
diff --git a/dist/remotes/firestick4kremote/voldown.png b/dist/remotes/firestick4kremote/voldown.png
new file mode 100644
index 0000000..558215e
Binary files /dev/null and b/dist/remotes/firestick4kremote/voldown.png differ
diff --git a/dist/remotes/firestick4kremote/voldown_over.png b/dist/remotes/firestick4kremote/voldown_over.png
new file mode 100644
index 0000000..0b9adc0
Binary files /dev/null and b/dist/remotes/firestick4kremote/voldown_over.png differ
diff --git a/dist/remotes/firestick4kremote/volup.png b/dist/remotes/firestick4kremote/volup.png
new file mode 100644
index 0000000..57ee2b8
Binary files /dev/null and b/dist/remotes/firestick4kremote/volup.png differ
diff --git a/dist/remotes/firestick4kremote/volup_over.png b/dist/remotes/firestick4kremote/volup_over.png
new file mode 100644
index 0000000..814949c
Binary files /dev/null and b/dist/remotes/firestick4kremote/volup_over.png differ
diff --git a/firestick4kremote.png b/firestick4kremote.png
new file mode 100644
index 0000000..850d05e
Binary files /dev/null and b/firestick4kremote.png differ