Yesterday, 07:01 PM
(This post was last modified: Yesterday, 07:39 PM by 2020. Edited 5 times in total.)
Few things in the latest update, first
https://github.com/lachlandcp/jellyfin-e...ice-plugin breaks splitting all the banners.
![[Image: Screenshot-2025-11-14-185045.png]](https://i.postimg.cc/P5vJDJ2m/Screenshot-2025-11-14-185045.png)
2nd I cant seam to get spotlight to work but editors choice and media bar work fine.
3rd when you add @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/no-animation.css"); the poster covers part of the text.
I have followed the instructions
1. Download spotlight.html and List.txt. Go to your jellyfin-web folder (C:\Program Files\Jellyfin\Server\jellyfin-web) and create a folder named ui and drop spotlight.html and List.txt in that folder. ui lower case.
2. use Notepad++ for this In the jellyfin-web folder, open the file home-html.RANDOMSTRINGHERE.chunk.js. Replace everything with this code
("use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372], {
5939: function(a, e, t) {
t.r(e),
e.default =
document.addEventListener("DOMContentLoaded", () => {
const homeTab = document.getElementById("homeTab");
const spotlightIframe = homeTab.querySelector(".featurediframe");
const observer = new MutationObserver(() => {
const isHomeTabActive = homeTab.classList.contains("is-active");
spotlightIframe.style.display = isHomeTabActive ? "block" : "none";
});
observer.observe(homeTab, { attributes: true, attributeFilter: ["class"] });
})
3. Save the file. and tested in private window.
https://github.com/lachlandcp/jellyfin-e...ice-plugin breaks splitting all the banners.
![[Image: Screenshot-2025-11-14-185045.png]](https://i.postimg.cc/P5vJDJ2m/Screenshot-2025-11-14-185045.png)
2nd I cant seam to get spotlight to work but editors choice and media bar work fine.
3rd when you add @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/no-animation.css"); the poster covers part of the text.
I have followed the instructions
1. Download spotlight.html and List.txt. Go to your jellyfin-web folder (C:\Program Files\Jellyfin\Server\jellyfin-web) and create a folder named ui and drop spotlight.html and List.txt in that folder. ui lower case.
2. use Notepad++ for this In the jellyfin-web folder, open the file home-html.RANDOMSTRINGHERE.chunk.js. Replace everything with this code
("use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372], {
5939: function(a, e, t) {
t.r(e),
e.default =
<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie,series,book">
<style>
.featurediframe {width: 97.5vw; height: 23.5em; display: block; border: 0px solid #000; margin: 0 auto; margin-bottom: 0em; margin-top: 1em;}
@media (max-width: 1000px) and (orientation: portrait) {.featurediframe {height: 25em; margin-bottom: -8em;} }
@media (max-width: 1000px) and (orientation: landscape) {.featurediframe {height: 26em; margin-bottom: -6em;} }
@media (max-width: 421px) and (orientation: portrait) {.featurediframe {height: 25em; margin-bottom: -3em;} }
@media (max-height: 421px) and (orientation: landscape) {.featurediframe {height: 83vh; margin-top: -1em;} }
</style>
<div class="tabContent pageTabContent" id="homeTab" data-index="0"><iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe><div class="sections"></div></div><div class="tabContent pageTabContent" id="favoritesTab" data-index="1"> <div class="sections"></div></div></div>;}}]);document.addEventListener("DOMContentLoaded", () => {
const homeTab = document.getElementById("homeTab");
const spotlightIframe = homeTab.querySelector(".featurediframe");
const observer = new MutationObserver(() => {
const isHomeTabActive = homeTab.classList.contains("is-active");
spotlightIframe.style.display = isHomeTabActive ? "block" : "none";
});
observer.observe(homeTab, { attributes: true, attributeFilter: ["class"] });
})

3. Save the file. and tested in private window.
