Finimalism [Updated for 10.11.X]

[Ted Hinklater]

Hi mate youre using very old versions of finimalism and the featured content bar, make sure you update your css import and copy the latest home-html snippet and download the latest spotlight.html

Code:

@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");

download - spotlight.html

latest home-html.chunk.js -

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: 100vw; height: 100vh; display: block; border: 0;
      margin: 0 auto; margin-bottom: -26em; margin-top: -3.5em;
      transition: height 300ms ease, margin 300ms ease;
    }
    @media (min-width: 951px) and (min-height: 700px) {
      .featurediframe { min-height: 70em; }
    }
    @media (max-width: 1000px) and (orientation: portrait) {
      .featurediframe { height: 25em; margin-bottom: -1em; }
    }
    @media (max-width: 1000px) and (orientation: landscape) {
      .featurediframe { height: 26em; margin-bottom: -1em; }
    }
    @media (max-width: 421px) and (orientation: portrait) {
      .featurediframe { height: 100vh; margin-bottom: -28em; margin-top: -6.5em; }
    }
    @media (max-height: 421px) and (orientation: landscape) {
      .featurediframe { height: 100vh; margin-bottom: -6em; margin-top: -6.5em; }
    }
  </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");
  if (!homeTab) return;

  const spotlightIframe = homeTab.querySelector(".featurediframe");
  if (!spotlightIframe) return;

  const observer = new MutationObserver(() => {
    const isHomeTabActive = homeTab.classList.contains("is-active");
    spotlightIframe.style.display = isHomeTabActive ? "block" : "none";
  });

  observer.observe(homeTab, { attributes: true, attributeFilter: ["class"] });
});