Sorry you were having trouble getting the files, Spot, github can be tricky for the unfamiliar. Heres how to get this going:
1. On the github page you can see a list of the files, you need to click the spotlight.html, and spotlight.css files, then find the "Download raw" button on those files pages. Download them to a new 'UI' folder you create in the directory \Server\jellyfin-web\.
Then your next challenge will be finding & editing the Chunk.js file, but follow these instructions and I bet you can do it:
Go to your \Server\jellyfin-web\ directory and search for 'home' you will find a file that looks like home-html.8ce38bc7d6dc073656d4.chunk.js your middle numbers may vary.
Open that file with notepad and right after you see 'movie,series,book">' place this line:
<style>.spotlightiframe { width: 99.5vw; height: 63vh; display: block; border: 0px solid #000; margin: -65px auto -50px auto;}</style><iframe class="spotlightiframe" src="/web/ui/spotlight.html" tabindex="0"></iframe>
Then save the file, hard reload your jellyfin page (Ctrl-Shift R x2), and you should see it.
Happy to announce version 1.2 is live on git:
-Added volume control
-Styling revised for default skin
-L/R Chevron buttons moved to mid slide ends
-Phone width resolution Styling revised
https://github.com/JSethCreates/jellyfin...-spotlight
1. On the github page you can see a list of the files, you need to click the spotlight.html, and spotlight.css files, then find the "Download raw" button on those files pages. Download them to a new 'UI' folder you create in the directory \Server\jellyfin-web\.
Then your next challenge will be finding & editing the Chunk.js file, but follow these instructions and I bet you can do it:
Go to your \Server\jellyfin-web\ directory and search for 'home' you will find a file that looks like home-html.8ce38bc7d6dc073656d4.chunk.js your middle numbers may vary.
Open that file with notepad and right after you see 'movie,series,book">' place this line:
<style>.spotlightiframe { width: 99.5vw; height: 63vh; display: block; border: 0px solid #000; margin: -65px auto -50px auto;}</style><iframe class="spotlightiframe" src="/web/ui/spotlight.html" tabindex="0"></iframe>
Then save the file, hard reload your jellyfin page (Ctrl-Shift R x2), and you should see it.
Happy to announce version 1.2 is live on git:
-Added volume control
-Styling revised for default skin
-L/R Chevron buttons moved to mid slide ends
-Phone width resolution Styling revised
https://github.com/JSethCreates/jellyfin...-spotlight