Added RightSidebar Kodi icon and hover effect on progress slider

.github/workflows/bundle.yaml

@@ -0,0 +1,19 @@
+name: "release"
+on: [push, pull_request]
+
+jobs:
+  build-and-package:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: jorelali/setup-elm@v2
+        with:
+          elm-version: 0.19.1
+      - run: node -v
+      - run: npm install
+      - run: npm run-script build
+
+      - uses: actions/upload-artifact@v3
+        with:
+          name: elm-chorus
+          path: dist*

.gitignore

@@ -5,4 +5,5 @@ public/dist
 .idea
 dist
 .cache
-
+.elm-spa
+.parcel-cache

.parcelrc

@@ -0,0 +1,4 @@
+{
+  "extends": ["@parcel/config-default"],
+  "reporters":  ["...", "parcel-reporter-static-files-copy"]
+}

README.md

@@ -1,46 +1,53 @@
 # elm-chorus
 
-![demo](https://github.com/ionif/elm-chorus/blob/master/demo.gif)
+![demo](https://github.com/xbmc/elm-chorus/blob/main/demo.gif)
 
 a web interface for Kodi written in Elm for GSoC 2020\
 based on chorus2 by jez500
 
 # Code layout
+
 Inside the `src` directory you'll find:
+
 > `src`
->> `Colors.elm` - palette for user interface \
->> `Components` - all ui elements
->>> * DialogBox
->>> * Frame
->>> * Header
->>> * LeftSidebar
->>> * RightSidebar
->>> * PlayerRow
->>> * VerticalNav
->>> * Video
-
->> `Helper.elm` \
->> `Main.elm` \
->> `Method.elm` \
->> `Pages` - holds all elm-spa pages \
->> `Request.elm` - partial wrapper, unused for now because it's incomplete \
->> `Shared.elm` - Shared model, this is where all the action handling happens \
->> `Spa` - holds all elm-spa generated stuff \
->> `WSDecoder.elm` - all decoders and custom types
+>
+> > `Colors.elm` - palette for user interface \
+> > `Components` - all ui elements
+> >
+> > > - DialogBox
+> > > - Frame
+> > > - Header
+> > > - LeftSidebar
+> > > - RightSidebar
+> > > - PlayerRow
+> > > - VerticalNav
+> > > - Video
+
+> > `Helper.elm` \
+> > `Main.elm` \
+> > `Method.elm` \
+> > `Pages` - holds all elm-spa pages \
+> > `Request.elm` - partial wrapper, unused for now because it's incomplete \
+> > `Shared.elm` - Shared model, this is where all the action handling happens \
+> > `Spa` - holds all elm-spa generated stuff \
+> > `WSDecoder.elm` - all decoders and custom types
 
 # Developing elm chorus
+
 To develop elm-chorus, you must have the following:
 
 ### For MacOS, Windows, Linux
-* Kodi application
-* Chrome/Chromium, Firefox
-* Elm
-* NPM
 
-To run it: 
-1. start Kodi 
+- Kodi application
+- Chrome/Chromium, Firefox
+- Elm
+- NPM
+
+To run it:
+
+1. start Kodi
 2. `git clone https://github.com/xbmc/elm-chorus.git`
 3. `cd elm-chorus/`
-4. `npm start` 
+4. `npm start`
 
-and point your browser to localhost:8000 by default or whatever port Node tells you
+and point your browser to http://localhost:1234 by default or whatever port Node tells you

dist/addon.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<addon
+  id="webinterface.elm"
+  version="1.0.0"
+  name="Elm-Chorus web interface"
+  provider-name="ionif, razzeee, priyanshu">
+  <requires>
+    <import addon="xbmc.json" version="6.0.0" />
+  </requires>
+  <extension point="xbmc.webinterface"/>
+  <extension point="xbmc.addon.metadata">
+    <summary lang="en">Default web interface</summary>
+    <description lang="en">Browse and interact with your Music, Movies, TV Shows and more on a web browser. Stream music and videos to your browser. Edit and manage your Kodi media library.</description>
+    <platform>all</platform>
+    <language>en</language>
+    <source>https://github.com/xbmc/elm-chorus</source>
+    <assets>
+      <icon>icon.png</icon>
+    </assets>
+  </extension>
+</addon>